changeMobile.php 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  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><b><?php echo $data['mobile']; ?></b></dd>
  116. <dt>新手机号</dt>
  117. <dd><input type="text" name="zhmobile" id="zhmobile" class="inputText"></dd>
  118. <dt>验证码</dt>
  119. <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>
  120. <dt>输入密码确认</dt>
  121. <dd><input type="password" name="password" id="password" class="inputText"></dd>
  122. <dd class="clearfix"><br><br>
  123. <input type="submit" name="mobilesubmit" id="timer" class="button btn-blue " value="确认修改">
  124. <p class="submitSus"><?php echo $data['message']; ?></p></dd>
  125. </dl>
  126. </form>
  127. </div>
  128. </div>
  129. <?php include Doo::conf()->SITE_PATH . Doo::conf()->PROTECTED_FOLDER . "viewc/v2/_footer.php"; ?>
  130. <script type="text/javascript">
  131. var clock = '';
  132. var nums = 60;
  133. var btn;
  134. function checkAndSend(thisbtn){
  135. $('#zhmobile').removeClass('erroT');
  136. if($('#zhmobile').siblings().hasClass('erroT')){
  137. $('#zhmobile').siblings('.erroT').remove();
  138. }
  139. var mobile = $('#zhmobile').val();
  140. if(mobile == ''){
  141. $('#zhmobile').addClass('erroT');
  142. var span = '<span class="erroT">请输入手机号</span>';
  143. $('#zhmobile').parent().append(span);
  144. return false;
  145. }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})$/)){
  146. $('#zhmobile').addClass('erroT');
  147. var span = '<span class="erroT">请正确填写您的手机号码</span>';
  148. $('#zhmobile').parent().append(span);
  149. return false;
  150. }
  151. var flag = true;
  152. $.ajax({
  153. url: '<?php echo $data['rootUrl']; ?>checksms',
  154. type: 'POST',
  155. dateType: 'json',
  156. async: false,
  157. data: {zhmobile:mobile},
  158. success: function (result) {
  159. var data = eval('('+result+')');
  160. if(data.code == -1){
  161. $('#zhmobile').addClass('erroT');
  162. var span = '<span class="erroT">'+data.msg+'</span>';
  163. $('#zhmobile').parent().append(span);
  164. flag = false;
  165. }else if(data.code == 1){
  166. flag = true;
  167. }
  168. }
  169. });
  170. if(!flag){
  171. return false;
  172. }
  173. $('#zhmobile').addClass('inputSus');
  174. sendCode(thisbtn);
  175. }
  176. function sendCode(thisBtn)
  177. {
  178. btn = thisBtn;
  179. btn.disabled = true; //将按钮置为不可点击
  180. btn.value = nums+'秒后可重新获取';
  181. $('#codebtn').removeClass('btnTextOne').addClass('btnText');
  182. btn.style.cursor = 'no-drop';
  183. clock = setInterval(doLoop, 1000); //一秒执行一次
  184. }
  185. function doLoop()
  186. {
  187. nums--;
  188. if(nums > 0){
  189. btn.value = nums+'秒后可重新获取';
  190. }else{
  191. clearInterval(clock); //清除js定时器
  192. btn.disabled = false;
  193. btn.value = '点击发送验证码';
  194. $('#codebtn').removeClass('btnText').addClass('btnTextOne');
  195. btn.style.cursor = 'pointer';
  196. nums = 60; //重置时间
  197. }
  198. }
  199. </script>
  200. </body>
  201. </html>