findpad.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="./css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="./css/style.css" />
  10. <style>
  11. body{
  12. -webkit-user-select: all;
  13. }
  14. </style>
  15. <script>
  16. (function(w, d, m) {
  17. function r() {
  18. var t = 100,
  19. o = 750,
  20. e = d.documentElement.clientWidth || w.innerWidth,
  21. n = m.max(m.min(e, 480), 320),
  22. h = 50;
  23. 320 >= n && (h = m.floor(n / o * t * .99)),
  24. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  25. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  26. n > 375 && (h = m.floor(n / o * t * .97)),
  27. d.querySelector("html").style.fontSize = h + "px"
  28. };
  29. r();
  30. w.onresize = function() {
  31. r()
  32. }
  33. })(window, document, Math);
  34. </script>
  35. </head>
  36. <body>
  37. <div class="topbar"></div>
  38. <header class="back-header">
  39. <ul>
  40. <li class="padding-20"><img class="back-header-ico" src="image/nav_button_back_default.png" /></li>
  41. <li class="back-header-title">找回密码</li>
  42. <li class="more-btn"></li>
  43. </ul>
  44. </header>
  45. <section class="new-list">
  46. <div class="login-logo"><img src="image/logo2.png" /></div>
  47. <div style="position: relative;">
  48. <input class="bot-input" id="mobile" maxlength="11" type="number" placeholder="输入手机号" />
  49. <input class="bot-input" id="code" type="text" placeholder="短信验证码" />
  50. <input class="get-code" type="button" value="获取验证码" />
  51. <input class="bot-input" id="password" type="password" placeholder="输入密码" />
  52. <input class="bot-input" id="repassword" type="password" placeholder="重复密码" />
  53. <div class="h20"></div>
  54. <div class="h20"></div>
  55. <div class="m-bottom">提 交</div>
  56. <div class="h20"></div>
  57. </div>
  58. </section>
  59. </body>
  60. <script type="text/javascript" src="./script/api.js"></script>
  61. <script type="text/javascript" src="script/jquery.min.js"></script>
  62. <script type="text/javascript" src="script/jquery.tap.js"></script>
  63. <script type="text/javascript">
  64. var countdown=60;
  65. apiready = function() {
  66. setFixStatusBar();
  67. };
  68. $(".back-header").on("click", function() {
  69. api.closeWin();
  70. })
  71. $(".get-code").on("tap", function() {
  72. var phone = $("#mobile").val();
  73. if(!(/^1[3456789]\d{9}$/.test(phone))){
  74. api.toast({ msg: '手机号不正确!' });
  75. return false;
  76. }
  77. if (countdown != 60) {
  78. return false;
  79. }
  80. $.ajax({
  81. url: siteurl + 'v1/entry/sms',
  82. data: {
  83. mobile: phone,
  84. scenes: 'pwd'
  85. },
  86. dataType: 'json',
  87. type: 'post',
  88. success: function(datas) {
  89. if (datas.result) {
  90. var obj = $(".get-code");
  91. settime(obj);
  92. }
  93. api.toast({ msg: datas.msg });
  94. }
  95. });
  96. return false;
  97. })
  98. $(".m-bottom").on("tap", function() {
  99. getRouteData();
  100. return false;
  101. })
  102. function settime(obj) {
  103. if (countdown == 0) {
  104. obj.attr('disabled',false);
  105. obj.val("获取验证码");
  106. countdown = 60;
  107. } else {
  108. obj.attr('disabled',true);
  109. obj.val("重新发送(" + countdown + ")");
  110. countdown--;
  111. setTimeout(function() {
  112. settime(obj)
  113. }, 1000)
  114. }
  115. }
  116. function getRouteData() {
  117. var phone = $("#mobile").val();
  118. if(!(/^1[3456789]\d{9}$/.test(phone))){
  119. api.toast({ msg: '手机号不正确!' });
  120. return false;
  121. }
  122. if ($("#code").val() == "") {
  123. api.toast({ msg: '验证码不能为空!' });
  124. return false;
  125. }
  126. if ($("#password").val() == "") {
  127. api.toast({ msg: '密码不能为空!' });
  128. return false;
  129. }
  130. if ($("#password").val() != $("#repassword").val()) {
  131. api.toast({ msg: '两次密码不一致!' });
  132. return false;
  133. }
  134. $.ajax({
  135. url: siteurl + 'v1/entry/reset_pwd',
  136. data: {
  137. account: phone,
  138. code: $("#code").val(),
  139. pwd: $("#password").val()
  140. },
  141. dataType: 'json',
  142. type: 'post',
  143. success: function(datas) {
  144. if (datas.result) {
  145. api.toast({ msg: datas.msg });
  146. setTimeCloseWin("findpad");
  147. } else {
  148. api.toast({ msg: datas.msg });
  149. }
  150. }
  151. });
  152. }
  153. </script>
  154. </html>