123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta name="description" content=""/>
- <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
- <meta name="format-detection" content="telphone=no,email=no"/>
- <meta name="viewport"
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache">
- <meta http-equiv="expires" content="0">
- <title>设置新手机号码</title>
- <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
- <link rel="stylesheet" href="../components/custom/css/common.css"/>
- <link rel="stylesheet" href="css/xyf.common.min.css">
- </head>
- <body>
- <div class="input-group-vertical custom-top">
- <div class="input-row input-clear">
- <input type="tel" maxlength="11" placeholder="新手机号" id="phone">
- </div>
- <div class="input-row code input-clear">
- <input id="code" type="tel" maxlength="4" placeholder="验证码">
- <button id="sendBtn" type="button" disabled onclick="sendCode()">获取验证码</button>
- </div>
- </div>
- <div class="subt">
- <input class="mui-btn-block" type="button" value="确认" onclick="verifyCode()">
- </div>
- <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
- <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
- <script src="../components/lib/md5.js"></script>
- <script src="/components/custom/js/common.js"></script>
- <script src="js/xyf.login.js"></script>
- <script src="js/xyf.common.js"></script>
- <script>
- $("#phone").keyup(function () {
- var phone = $("#phone").val();
- if (phone != "") {
- $("#sendBtn").attr("disabled", false);
- } else {
- $("#sendBtn").attr("disabled", true);
- }
- });
- var sendBtn = document.getElementById('sendBtn');
- function sendCode() {
- var phone = $("#phone").val();
- if (!isPhone(phone)) {
- mui.toast("请输入11位正确手机号码");
- return;
- }
- var url = "/dealer/getCheckCodeForNewTel";
- var data = {"phone": phone};
- var t = 60;
- sendBtn.innerHTML = t + " s";
- sendBtn.disabled = true;
- sendRequest({
- url: url,
- type: "POST",
- data: data,
- contentType: "json",
- success: function (res) {
- if (res.result == 1) {
- mui.toast("发送成功");
- var interval = setInterval(function () {
- if (t == 0) {
- sendBtn.innerHTML = "重新获取";
- sendBtn.disabled = false;
- clearInterval(interval);
- } else {
- t -= 1;
- sendBtn.innerHTML = t + " s";
- sendBtn.disabled = true;
- }
- }, 1000);
- } else {
- mui.toast(res.description);
- }
- }
- });
- }
- function verifyCode() {
- var code = $("#code").val();
- var phone = $("#phone").val();
- if (!isPhone(phone)) {
- mui.toast("请输入11位正确手机号码");
- return;
- }
- //检查验证码
- var codeReg = /^\d{4}$/;
- if (!codeReg.test(code)) {
- mui.toast("请输入正确的验证码");
- return;
- }
- var url = "/dealer/verifyNewTel";
- var data = {
- "phone": phone,
- "code": code
- };
- sendRequest(url, "POST", data, function (res) {
- if (res.result == 1) {
- mui.confirm('修改手机号码成功,以后用新手机号登陆。', '提示', ['返回首页'], function (e) {
- if (e) {
- var url = 'index.html';
- goPage(url);
- }
- });
- } else {
- mui.alert(res.description, '温馨提示', '我知道了');
- }
- });
- }
- </script>
- </body>
- </html>
|