changePassword.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  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={{rootUrl_CSS}}global.css>
  9. <script src={{rootUrl_JS}}jquery-1.7.2.min.js></script>
  10. <script src={{rootUrl_JS}}global.js></script>
  11. <script src={{rootUrl_JS}}smartcost.js></script>
  12. <script src="{{rootUrl_JS}}jquery.validate.min.js"></script>
  13. <script type="text/javascript">
  14. $(function(){
  15. $("#chpasswd").validate({
  16. rules: {
  17. oldpwd: {
  18. required: true,
  19. minlength: 6,
  20. maxlength: 16,
  21. remote: {
  22. url: '{{rootUrl}}check',
  23. type: 'POST',
  24. dateType: 'json',
  25. data: {
  26. password: function () {
  27. return $('#oldpwd').val();
  28. }
  29. }
  30. }
  31. },
  32. newpwd: {
  33. required: true,
  34. minlength: 6,
  35. maxlength: 16
  36. },
  37. newpwdrepeat: {
  38. required: true,
  39. equalTo: "#newpwd",
  40. minlength: 6,
  41. maxlength: 16
  42. },
  43. answer: {
  44. // required: true
  45. }
  46. },
  47. messages: {
  48. oldpwd: {
  49. required:"请输入旧密码",
  50. minlength: "密码长度不能小于6",
  51. maxlength: "密码长度不能大于16",
  52. remote:"请确认旧密码是否正确"
  53. },
  54. newpwd: {
  55. required:"请输入新密码",
  56. minlength: "密码长度不能小于6",
  57. maxlength: "密码长度不能大于16",
  58. },
  59. newpwdrepeat: {
  60. required:"请重复输入新密码",
  61. minlength: "密码长度不能小于6",
  62. maxlength: "密码长度不能大于16",
  63. equalTo: "请输入相同的新密码"
  64. },
  65. answer: {
  66. required:"请输入您的答案"
  67. }
  68. },
  69. errorElement: "span",// 错误信息容器标签
  70. errorClass: "erroT",
  71. validClass: "inputSus",
  72. onkeyup: false
  73. });
  74. });
  75. </script>
  76. </head>
  77. <body>
  78. <!-- include '_header' -->
  79. <!-- include '_body_top' -->
  80. <div class="globalContent width950">
  81. <div class="formItem">
  82. <h2>修改密码</h2>
  83. <dl>
  84. <form method="post" name="chpasswd" id="chpasswd">
  85. <dt>旧密码</dt>
  86. <dd><input id="oldpwd" name="oldpwd" type="password" class="inputText {{erroT}}">{{erroTxt}}</dd>
  87. <dt>新密码</dt>
  88. <dd><input id="newpwd" name="newpwd" type="password" class="inputText"></dd>
  89. <dt>确认新密码</dt>
  90. <dd><input id="newpwdrepeat" name="newpwdrepeat" type="password" class="inputText"></dd>
  91. <dt><b>选择您的验证方式:</b></dt>
  92. <div class="trainForm">
  93. <div class="trainFormTab trainFormTabs clearfix">
  94. <!-- if !{{zh_empty(userquestion)}} --><a class="now">使用密保</a><!-- endif -->
  95. <!-- if !{{zh_empty(userquestion)}} && !{{zh_empty(mobile)}} --><a>使用验证码</a><!-- elseif {{zh_empty(userquestion)}} && !{{zh_empty(mobile)}} --><a class="now">使用验证码</a><!-- endif -->
  96. </div>
  97. </div>
  98. <div class="trainFormItem">
  99. <!-- if !{{zh_empty(userquestion)}} -->
  100. <div class="formEntry clearfix">
  101. <dl class="regForm" style="width:100%;">
  102. <dt>密码保护问题:<b>{{defquestion}}</b></dt>
  103. <dd><input id="answer" name="answer" class="inputText {{aerroT}}">{{aerroTxt}}</dd>
  104. </dl>
  105. </div>
  106. <!-- endif -->
  107. <!-- if !{{zh_empty(userquestion)}} && !{{zh_empty(mobile)}} -->
  108. <div class="formEntry reportContent" style="display:none">
  109. <div class="formEntry clearfix">
  110. <dl class="regForm" style="width:100%;">
  111. <dt>短信校验码</dt>
  112. <dd><input type="text" class="inputText {{aerroT}}" name="zhsmscode" id="zhsmscode" style="width:177px;"><p class="tips">验证码是6位数字</p><input type="button" class="btnTextOne" id="codebtn" name="codebtn" value="获取验证码" onclick="checkAndSend(this)" >{{aerroTxt}}</dd>
  113. </dl>
  114. </div>
  115. </div>
  116. <!-- elseif {{zh_empty(userquestion)}} && !{{zh_empty(mobile)}} -->
  117. <div class="formEntry reportContent">
  118. <div class="formEntry clearfix">
  119. <dl class="regForm" style="width:100%;">
  120. <dt>短信校验码</dt>
  121. <dd><input type="text" class="inputText {{aerroT}}" name="zhsmscode" id="zhsmscode" style="width:177px;"><p class="tips">验证码是6位数字</p><input type="button" class="btnTextOne" id="codebtn" name="codebtn" value="获取验证码" onclick="checkAndSend(this)" >{{aerroTxt}}</dd>
  122. </dl>
  123. </div>
  124. </div>
  125. <!-- endif -->
  126. </div>
  127. <dd class="clearfix"><br>
  128. <input type="submit" name="subchpwd" value="确认修改" class="button btn-blue " />
  129. <a class="button btn-dark " href="{{rootUrl}}profile">返回</a>
  130. </dd>
  131. </form>
  132. </dl>
  133. </div>
  134. </div>
  135. <!-- include '_footer' -->
  136. <script type="text/javascript">
  137. var clock = '';
  138. var nums = 60;
  139. var btn;
  140. var mobile = '{{mobile}}';
  141. function checkAndSend(thisbtn){
  142. $('#zhsmscode').removeClass('erroT');
  143. if($('#zhsmscode').siblings().hasClass('erroT')){
  144. $('#zhsmscode').siblings('.erroT').remove();
  145. }
  146. var flag = true;
  147. if(mobile != ''){
  148. $.ajax({
  149. url: '{{rootUrl}}chpwdsms',
  150. type: 'POST',
  151. dateType: 'json',
  152. async: false,
  153. data: {zhmobile:mobile},
  154. success: function (result) {
  155. var data = eval('('+result+')');
  156. if(data.code == -1){
  157. $('#zhsmscode').addClass('erroT');
  158. var span = '<span class="erroT">'+data.msg+'</span>';
  159. $('#zhsmscode').parent().append(span);
  160. flag = false;
  161. }else if(data.code == 1){
  162. flag = true;
  163. }
  164. }
  165. });
  166. if(!flag){
  167. return false;
  168. }
  169. // $('#zhsmscode').addClass('inputSus');
  170. sendCode(thisbtn);
  171. }
  172. }
  173. function sendCode(thisBtn)
  174. {
  175. btn = thisBtn;
  176. btn.disabled = true; //将按钮置为不可点击
  177. btn.value = nums+'秒后可重新获取';
  178. $('#codebtn').removeClass('btnTextOne').addClass('btnText');
  179. btn.style.cursor = 'no-drop';
  180. clock = setInterval(doLoop, 1000); //一秒执行一次
  181. }
  182. function doLoop()
  183. {
  184. nums--;
  185. if(nums > 0){
  186. btn.value = nums+'秒后可重新获取';
  187. }else{
  188. clearInterval(clock); //清除js定时器
  189. btn.disabled = false;
  190. btn.value = '点击发送验证码';
  191. $('#codebtn').removeClass('btnText').addClass('btnTextOne');
  192. btn.style.cursor = 'pointer';
  193. nums = 60; //重置时间
  194. }
  195. }
  196. </script>
  197. </body>
  198. </html>