join1.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <include file="./Application/M/View/Common/head_include.html"/>
  5. <title>幻速-招募城市合伙人,赛车竞速馆、体验店加盟介绍-厦门欣富地智能科技</title>
  6. <link rel="stylesheet" type="text/css" href="/Public/static/home/m/css/join.css"/>
  7. </head>
  8. <body>
  9. <include file="./Application/M/View/Common/head.html"/>
  10. <div class="content">
  11. <div class="img_content">
  12. <div class="img_content col">
  13. <p><img src="https://img.x-motion.cn/home/m/image/join/join_01.jpg" alt="" /></p>
  14. <p><img src="https://img.x-motion.cn/home/m/image/join/join_12.jpg" alt="" /></p>
  15. <p><img src="https://img.x-motion.cn/home/m/image/join/join_03.jpg" alt="" /></p>
  16. <p><img src="https://img.x-motion.cn/home/m/image/join/join_04.jpg" alt="" /></p>
  17. <p><img src="https://img.x-motion.cn/home/m/image/join/join_05.jpg" alt="" /></p>
  18. <p><img src="https://img.x-motion.cn/home/m/image/join/join_07.jpg" alt="" /></p>
  19. <p><img src="https://img.x-motion.cn/home/m/image/join/join_08.jpg" alt="" /></p>
  20. <p><img src="https://img.x-motion.cn/home/m/image/join/join_09.jpg" alt="" /></p>
  21. <p><img src="https://img.x-motion.cn/home/m/image/join/join_10.jpg" alt="" /></p>
  22. <p><img src="https://img.x-motion.cn/home/m/image/join/join_11.jpg" alt="" /></p>
  23. </div>
  24. </div>
  25. <div class="message">
  26. <h2>咨询留言</h2>
  27. <h3>请填写以下信息,我们将安排专业的客服与您联系</h3>
  28. <form action="javascript:void(0);" method="post">
  29. <p><label for="name">*<span>姓&emsp;&emsp;名:</span></label><input type="text" name="name" id="name" value="" placeholder="请输入您的姓名"/><span class="error"></span></p>
  30. <p><label for="tel">*<span>电&emsp;&emsp;话:</span></label><input type="text" name="tel" id="tel" value="" placeholder="请输入您的真实电话号码"/><span class="error"></span></p>
  31. <p><label for="intention"><span>意向方式:</span></label><input type="text" name="intention" id="intention" value="" placeholder="请输入合作意向"/><span class="error"></span></p>
  32. <p><label for="city"><span>所在城市:</span></label><input type="text" name="city" id="city" value="" placeholder="请输入您所在的城市"/><span class="error"></span></p>
  33. <p class="content1"><label for="content">*<span>留&emsp;&emsp;言:</span></label><textarea id="content" name="content" rows="" cols=""
  34. placeholder="您有什么想告诉我们的?"></textarea><span class="error"></span></p>
  35. <input id="submit" type="submit" value="确定"/>
  36. </form>
  37. </div>
  38. <include file="./Application/M/View/Common/footer.html"/>
  39. </div>
  40. <include file="./Application/M/View/Common/footer_include.html"/>
  41. <script type="text/javascript">
  42. $(document).ready(function() {
  43. $('form input,form textarea').on('input', function(){
  44. $(this).siblings('span.error').html('');
  45. });
  46. $('#submit').on('click', function(){
  47. $("#submit").attr('disabled', true);
  48. var check_key = {
  49. name:'',
  50. tel:'',
  51. content:''
  52. };
  53. var data = {
  54. name: $('#name').val(),
  55. tel: $('#tel').val(),
  56. intention: $('#intention').val(),
  57. city: $('#city').val(),
  58. content: $('#content').val()
  59. };
  60. var status = true;
  61. if(!isPoneAvailable(data["tel"])){
  62. error = $('#tel').siblings('.error');
  63. $(error).html('号码错误');
  64. status = false;
  65. }
  66. for (var Key in check_key){
  67. if(data[Key] == ''){
  68. error = $('#' + Key).siblings('.error');
  69. $(error).html('请填写');
  70. status = false;
  71. }
  72. }
  73. if(status == false){
  74. $("#submit").removeAttr('disabled');
  75. return false;
  76. }
  77. $.ajax({
  78. type: "post",
  79. url: "{:U(CONTROLLER_NAME . '/' . ACTION_NAME)}",
  80. data: {data: data},
  81. success: function (data) {
  82. if (data.status == '1') {
  83. layer.msg('提交成功!');
  84. setTimeout( function(){
  85. window.location.href = location.href;
  86. }, 2 * 1000 );
  87. } else if (data.status == '0') {
  88. parent.layer.msg(data.info, {icon: 5});
  89. }
  90. $("#submit").removeAttr('disabled');
  91. <if condition="!empty($tt_code)">
  92. _taq.push({convert_id:"{$tt_code}", event_type:"form"});
  93. </if>
  94. }
  95. });
  96. });
  97. $('.message_input input').on('focus', function(){
  98. $(this).siblings('.error').html('');
  99. });
  100. $('.message_input textarea').on('focus', function(){
  101. $(this).siblings('.error').html('');
  102. });
  103. });
  104. function isPoneAvailable(phone) {
  105. var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
  106. if (!myreg.test(phone)) {
  107. return false;
  108. } else {
  109. return true;
  110. }
  111. }
  112. </script>
  113. </body>
  114. </html>