new-tel.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="description" content=""/>
  6. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  7. <meta name="format-detection" content="telphone=no,email=no"/>
  8. <meta name="viewport"
  9. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  10. <meta http-equiv="pragma" content="no-cache">
  11. <meta http-equiv="cache-control" content="no-cache">
  12. <meta http-equiv="expires" content="0">
  13. <title>设置新手机号码</title>
  14. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
  15. <link rel="stylesheet" href="../components/custom/css/common.css"/>
  16. <link rel="stylesheet" href="css/xyf.common.min.css">
  17. </head>
  18. <body>
  19. <div class="input-group-vertical custom-top">
  20. <div class="input-row input-clear">
  21. <input type="tel" maxlength="11" placeholder="新手机号" id="phone">
  22. </div>
  23. <div class="input-row code input-clear">
  24. <input id="code" type="tel" maxlength="4" placeholder="验证码">
  25. <button id="sendBtn" type="button" disabled onclick="sendCode()">获取验证码</button>
  26. </div>
  27. </div>
  28. <div class="subt">
  29. <input class="mui-btn-block" type="button" value="确认" onclick="verifyCode()">
  30. </div>
  31. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  32. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  33. <script src="../components/lib/md5.js"></script>
  34. <script src="/components/custom/js/common.js"></script>
  35. <script src="js/xyf.login.js"></script>
  36. <script src="js/xyf.common.js"></script>
  37. <script>
  38. $("#phone").keyup(function () {
  39. var phone = $("#phone").val();
  40. if (phone != "") {
  41. $("#sendBtn").attr("disabled", false);
  42. } else {
  43. $("#sendBtn").attr("disabled", true);
  44. }
  45. });
  46. var sendBtn = document.getElementById('sendBtn');
  47. function sendCode() {
  48. var phone = $("#phone").val();
  49. if (!isPhone(phone)) {
  50. mui.toast("请输入11位正确手机号码");
  51. return;
  52. }
  53. var url = "/dealer/getCheckCodeForNewTel";
  54. var data = {"phone": phone};
  55. var t = 60;
  56. sendBtn.innerHTML = t + " s";
  57. sendBtn.disabled = true;
  58. sendRequest({
  59. url: url,
  60. type: "POST",
  61. data: data,
  62. contentType: "json",
  63. success: function (res) {
  64. if (res.result == 1) {
  65. mui.toast("发送成功");
  66. var interval = setInterval(function () {
  67. if (t == 0) {
  68. sendBtn.innerHTML = "重新获取";
  69. sendBtn.disabled = false;
  70. clearInterval(interval);
  71. } else {
  72. t -= 1;
  73. sendBtn.innerHTML = t + " s";
  74. sendBtn.disabled = true;
  75. }
  76. }, 1000);
  77. } else {
  78. mui.toast(res.description);
  79. }
  80. }
  81. });
  82. }
  83. function verifyCode() {
  84. var code = $("#code").val();
  85. var phone = $("#phone").val();
  86. if (!isPhone(phone)) {
  87. mui.toast("请输入11位正确手机号码");
  88. return;
  89. }
  90. //检查验证码
  91. var codeReg = /^\d{4}$/;
  92. if (!codeReg.test(code)) {
  93. mui.toast("请输入正确的验证码");
  94. return;
  95. }
  96. var url = "/dealer/verifyNewTel";
  97. var data = {
  98. "phone": phone,
  99. "code": code
  100. };
  101. sendRequest(url, "POST", data, function (res) {
  102. if (res.result == 1) {
  103. mui.confirm('修改手机号码成功,以后用新手机号登陆。', '提示', ['返回首页'], function (e) {
  104. if (e) {
  105. var url = 'index.html';
  106. goPage(url);
  107. }
  108. });
  109. } else {
  110. mui.alert(res.description, '温馨提示', '我知道了');
  111. }
  112. });
  113. }
  114. </script>
  115. </body>
  116. </html>