yz.php 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <?php
  2. use yii\helpers\Url;
  3. ?>
  4. <!DOCTYPE html>
  5. <html lang="zh-CN">
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  10. <title>豪省心</title>
  11. <link rel="stylesheet" href="/extension/css/swiper-3.4.2.min.css">
  12. <link rel="stylesheet" href="/extension/css/base.css?2018">
  13. </head>
  14. <body>
  15. <footer>
  16. <div class="title">请填写以下信息</div>
  17. <form method="post" id="formInfo">
  18. <div class="checkbox">
  19. <div class="info">
  20. <input type="hidden" id="yz" value="<?= \common\models\User::USER_ROLE_COMMON ?>" name="Share[role]">
  21. </div>
  22. </div>
  23. <ul>
  24. <li>
  25. <input type="text" name="Share[name]" placeholder="请输入姓名">
  26. </li>
  27. <li>
  28. <input type="tel" name="Share[tel]" placeholder="请输入联系电话">
  29. </li>
  30. <li>
  31. <a href="javascript:;" class="submit">立即申请</a>
  32. </li>
  33. <input type="hidden" name="<?= Yii::$app->request->csrfParam;?>" value="<?=Yii::$app->request->csrfToken;?>" />
  34. </ul>
  35. </form>
  36. </footer>
  37. <script src="/extension/js/jquery.min.js"></script>
  38. <script src="/extension/js/swiper-3.4.2.min.js"></script>
  39. <script>
  40. $('.submit').on('click',function(){
  41. var name = $.trim($('input[name="Share[name]"]').val());
  42. var tel = $('input[name="Share[tel]"]').val();
  43. if(name=='')
  44. {
  45. alert('请输入姓名');
  46. return false;
  47. }
  48. var tel_reg =/^1[34578][0-9]{9}$/;
  49. if(!tel_reg.test(tel))
  50. {
  51. alert('请请输入正确的手机号');
  52. return false;
  53. }
  54. $.ajax({
  55. url: '<?=Url::toRoute(['share/insert'])?>',
  56. type: 'POST',
  57. dataType:"json",
  58. data: $('#formInfo').serialize(),
  59. success: function (data) {
  60. if(data.sign==1)
  61. $('#formInfo').get(0).reset();
  62. alert(data.msg);
  63. }
  64. });
  65. })
  66. // banner
  67. var swiper = new Swiper('.banner_info',{
  68. autoplay: 5000,
  69. pagination : '.swiper-pagination',
  70. paginationClickable :true
  71. });
  72. var windowWidth = document.body.clientWidth;
  73. if ( windowWidth <= 767){
  74. // Swiper
  75. var swiper = new Swiper('.imgSwiper', {
  76. slidesPerView: 3, // 显示栏数
  77. spaceBetween: 10, // 间距
  78. freeMode: false // 自由滑动
  79. });
  80. }else {
  81. // Swiper
  82. var swiper = new Swiper('.imgSwiper', {
  83. slidesPerView: 4, // 显示栏数
  84. spaceBetween: 20, // 间距
  85. freeMode: false // 自由滑动
  86. });
  87. }
  88. </script>
  89. </body>
  90. </html>