addMobile.php 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>注册纵横通行帐号</title>
  6. <meta name=description content=一个帐号通用纵横旗下所有网络产品。>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=<?php echo $data['rootUrl_CSS']; ?>global.css>
  9. <script src=<?php echo $data['rootUrl_JS']; ?>jquery-1.7.1.min.js></script>
  10. <script src=<?php echo $data['rootUrl_JS']; ?>global.js></script>
  11. <script src="<?php echo $data['rootUrl_JS']; ?>jquery.validate.min.js"></script>
  12. <script type="text/javascript">
  13. $(function(){
  14. jQuery.validator.addMethod("isMobile", function(value, element) {
  15. var length = value.length;
  16. var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})|(14[0-9]{1}))+\d{8})$/;
  17. return this.optional(element) || (length == 11 && mobile.test(value));
  18. }, "请正确填写您的手机号码");
  19. jQuery.validator.addMethod("isCode", function(value, element) {
  20. var length = value.length;
  21. var mobile = /^(\d{6})$/;
  22. return this.optional(element) || (length == 6 && mobile.test(value));
  23. }, "请正确填写验证码");
  24. $("#mobileform").validate({
  25. rules: {
  26. zhmobile:{
  27. required: true,
  28. isMobile: true,
  29. remote: {
  30. url: '<?php echo $data['rootUrl']; ?>check',
  31. type: 'POST',
  32. dateType: 'json',
  33. data: {
  34. zhmobile: function () {
  35. return $('#zhmobile').val();
  36. }
  37. }
  38. }
  39. },
  40. zhsmscode: {
  41. required: true,
  42. isCode: true,
  43. remote: {
  44. url: '<?php echo $data['rootUrl']; ?>check',
  45. type: 'POST',
  46. dateType: 'json',
  47. data: {
  48. zhsmscode: function () {
  49. return $('#zhsmscode').val();
  50. },
  51. zhmobile: function () {
  52. return $('#zhmobile').val();
  53. }
  54. }
  55. }
  56. },
  57. password: {
  58. required: true,
  59. minlength: 6,
  60. maxlength: 16,
  61. remote: {
  62. url: '<?php echo $data['rootUrl']; ?>check',
  63. type: 'POST',
  64. dateType: 'json',
  65. data: {
  66. password: function () {
  67. return $('#password').val();
  68. }
  69. }
  70. }
  71. }
  72. },
  73. messages: {
  74. zhmobile:{
  75. required: "请输入手机号",
  76. remote: "该手机号码已被注册!"
  77. },
  78. zhsmscode: {
  79. required: "请输入验证码",
  80. remote: "验证码过期或不一致,请重新获取"
  81. },
  82. password: {
  83. required:"请输入密码",
  84. minlength: "密码长度不能小于6",
  85. maxlength: "密码长度不能大于16",
  86. remote:"请确认密码是否正确"
  87. }
  88. },
  89. errorElement: "span",// 错误信息容器标签
  90. errorClass: "erroT",
  91. validClass: "inputSus",
  92. onkeyup: false
  93. });
  94. });
  95. </script>
  96. </head>
  97. <body>
  98. <?php include Doo::conf()->SITE_PATH . Doo::conf()->PROTECTED_FOLDER . "viewc/v2/_header.php"; ?>
  99. <?php include Doo::conf()->SITE_PATH . Doo::conf()->PROTECTED_FOLDER . "viewc/v2/_body_top.php"; ?>
  100. <div class="globalContent width950">
  101. <div class="formItem">
  102. <h2>添加手机号</h2>
  103. <div class="regInfo fR">
  104. <div class="regTips">
  105. 为了确保您能正常收取验证信息,请:<br><br>
  106. 1.确保您填写的手机号是规范的,可正常使用的手机号;<br><br>
  107. <!-- 2.把域名“smartcost.com.cn”添加至您的邮箱白名单中;<br><br>
  108. 3.查看“垃圾箱”,看是否有我们发送给您的激活邮件;<br><br>
  109. 查看帮助中心-《<a href="http://help.zhzdwd.com/index_article/6/74" target="_blank">收不到邮件怎么办?</a>》 -->
  110. </div>
  111. </div>
  112. <form method="post" name="mobileform" id="mobileform">
  113. <dl>
  114. <dt>填写手机号</dt>
  115. <dd><input type="text" name="zhmobile" id="zhmobile" class="inputText"></dd>
  116. <dt>验证码</dt>
  117. <dd><input type="text" class="inputText" name="zhsmscode" id="zhsmscode" style="width:177px;"><input type="button" class="btnTextOne" id="codebtn" name="codebtn" value="获取验证码" onclick="checkAndSend(this)" ></dd>
  118. <dt>输入密码确认</dt>
  119. <dd><input type="password" name="password" id="password" class="inputText"></dd>
  120. <dd class="clearfix"><br><br>
  121. <input type="submit" name="mobilesubmit" id="timer" class="button btn-blue " value="确认修改">
  122. <p class="submitSus"><?php echo $data['message']; ?></p>
  123. </dd>
  124. </dl>
  125. </form>
  126. </div>
  127. </div>
  128. <?php include Doo::conf()->SITE_PATH . Doo::conf()->PROTECTED_FOLDER . "viewc/v2/_footer.php"; ?>
  129. <script type="text/javascript">
  130. var clock = '';
  131. var nums = 60;
  132. var btn;
  133. function checkAndSend(thisbtn){
  134. $('#zhmobile').removeClass('erroT');
  135. if($('#zhmobile').siblings().hasClass('erroT')){
  136. $('#zhmobile').siblings('.erroT').remove();
  137. }
  138. var mobile = $('#zhmobile').val();
  139. if(mobile == ''){
  140. $('#zhmobile').addClass('erroT');
  141. var span = '<span class="erroT">请输入手机号</span>';
  142. $('#zhmobile').parent().append(span);
  143. return false;
  144. }else if(!mobile.match(/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})|(14[0-9]{1}))+\d{8})$/)){
  145. $('#zhmobile').addClass('erroT');
  146. var span = '<span class="erroT">请正确填写您的手机号码</span>';
  147. $('#zhmobile').parent().append(span);
  148. return false;
  149. }
  150. var flag = true;
  151. $.ajax({
  152. url: '<?php echo $data['rootUrl']; ?>checksms',
  153. type: 'POST',
  154. dateType: 'json',
  155. async: false,
  156. data: {zhmobile:mobile},
  157. success: function (result) {
  158. var data = eval('('+result+')');
  159. if(data.code == -1){
  160. $('#zhmobile').addClass('erroT');
  161. var span = '<span class="erroT">'+data.msg+'</span>';
  162. $('#zhmobile').parent().append(span);
  163. flag = false;
  164. }else if(data.code == 1){
  165. flag = true;
  166. }
  167. }
  168. });
  169. if(!flag){
  170. return false;
  171. }
  172. $('#zhmobile').addClass('inputSus');
  173. sendCode(thisbtn);
  174. }
  175. function sendCode(thisBtn)
  176. {
  177. btn = thisBtn;
  178. btn.disabled = true; //将按钮置为不可点击
  179. btn.value = nums+'秒后可重新获取';
  180. $('#codebtn').removeClass('btnTextOne').addClass('btnText');
  181. btn.style.cursor = 'no-drop';
  182. clock = setInterval(doLoop, 1000); //一秒执行一次
  183. }
  184. function doLoop()
  185. {
  186. nums--;
  187. if(nums > 0){
  188. btn.value = nums+'秒后可重新获取';
  189. }else{
  190. clearInterval(clock); //清除js定时器
  191. btn.disabled = false;
  192. btn.value = '点击发送验证码';
  193. $('#codebtn').removeClass('btnText').addClass('btnTextOne');
  194. btn.style.cursor = 'pointer';
  195. nums = 60; //重置时间
  196. }
  197. }
  198. </script>
  199. </body>
  200. </html>