message.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <include file="./Application/Home/View/Common/head_include.html" />
  5. <title>在线留言-联系我们-厦门欣富地智能科技</title>
  6. </head>
  7. <body>
  8. <include file="./Application/Home/View/Common/head.html" />
  9. <div class="main_div">
  10. <img src="https://img.x-motion.cn/home/image/message_head.jpg">
  11. <div class="message_div">
  12. <form action="" id="message_form" method="post">
  13. <div class="title">请填写以下信息,我们将安排专业的客服与您联系</div>
  14. <div class="message_input">
  15. <span>*</span>
  16. <span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:</span>
  17. <input type="text" name="name" id="name" placeholder="请输入您的姓名" value="">
  18. <span class="error"></span>
  19. </div>
  20. <div class="message_input">
  21. <span>*</span>
  22. <span>手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</span>
  23. <input type="text" name="tel" id="tel" placeholder="请输入您的真实电话号码" value="">
  24. <span class="error"></span>
  25. </div>
  26. <div class="message_input">
  27. <span>*</span>
  28. <span>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址:</span>
  29. <input type="text" name="address" id="address" placeholder="请输入您的地址" value="">
  30. <span class="error"></span>
  31. </div>
  32. <div class="message_input textarea">
  33. <span>*</span>
  34. <span>留&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;言:</span>
  35. <textarea name="message" id="message" placeholder="您有什么想法告诉我们的?"></textarea>
  36. <span class="error"></span>
  37. </div>
  38. <div class="submit">
  39. <a href="javascript:void(0);" id="submit">
  40. <img src="https://img.x-motion.cn/home/image/message_button.jpg">
  41. </a>
  42. </div>
  43. </form>
  44. </div>
  45. </div>
  46. <include file="./Application/Home/View/Common/footer_logo.html" />
  47. <include file="./Application/Home/View/Common/footer.html" />
  48. </body>
  49. <script type="text/javascript">
  50. $(document).ready(function() {
  51. $('#submit').on('click', function(){
  52. $("#save").attr('disabled', true);
  53. var data = {
  54. name: $('#name').val(),
  55. tel: $('#tel').val(),
  56. address: $('#address').val(),
  57. message: $('#message').val()
  58. };
  59. var status = true;
  60. if(!isPoneAvailable(data["tel"])){
  61. error = $('#tel').siblings('.error');
  62. $(error).html('号码错误');
  63. status = false;
  64. }
  65. for (var Key in data){
  66. if(data[Key] == ''){
  67. error = $('#' + Key).siblings('.error');
  68. $(error).html('请填写');
  69. status = false;
  70. }
  71. }
  72. if(status == false){
  73. return false;
  74. }
  75. $.ajax({
  76. type: "post",
  77. url: "{:U(CONTROLLER_NAME . '/' . ACTION_NAME)}",
  78. data: {data: data},
  79. success: function (data) {
  80. if (data.status == '1') {
  81. layer.msg('提交成功!');
  82. setTimeout( function(){
  83. window.location.href = location.href;
  84. }, 2 * 1000 );
  85. } else if (data.status == '0') {
  86. parent.layer.msg(data.info, {icon: 5});
  87. }
  88. $("#save").removeAttr('disabled');
  89. }
  90. });
  91. });
  92. $('.message_input input').on('focus', function(){
  93. $(this).siblings('.error').html('');
  94. });
  95. $('.message_input textarea').on('focus', function(){
  96. $(this).siblings('.error').html('');
  97. });
  98. });
  99. function isPoneAvailable(phone) {
  100. var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
  101. if (!myreg.test(phone)) {
  102. return false;
  103. } else {
  104. return true;
  105. }
  106. }
  107. </script>
  108. </html>