2022-03-01 19:31:34 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<title>Title</title>
|
2022-03-01 21:36:56 +08:00
|
|
|
|
<link href="static/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
|
|
|
|
|
|
<link href="static/assets/global/css/components.css" rel="stylesheet" type="text/css"/>
|
|
|
|
|
|
<link href="static/assets/admin/pages/css/login.css" rel="stylesheet" type="text/css"/>
|
2022-03-01 19:31:34 +08:00
|
|
|
|
<script src="./static/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
|
|
|
|
|
|
</head>
|
2022-03-01 21:36:56 +08:00
|
|
|
|
<body class="login">
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<h3 class="form-title">获取OTP信息</h3>
|
|
|
|
|
|
<div class="from-group">
|
|
|
|
|
|
<label class="control-label">手机号</label>
|
2022-03-01 19:31:34 +08:00
|
|
|
|
<div>
|
2022-03-01 21:36:56 +08:00
|
|
|
|
<input class="form-control" type="text" placeholder="手机号" name="telephone" id="telephone">
|
2022-03-01 19:31:34 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2022-03-01 21:36:56 +08:00
|
|
|
|
<div class="form-actions">
|
|
|
|
|
|
<button class="btn blue" id="getotp" type="submit">
|
2022-03-01 19:31:34 +08:00
|
|
|
|
获取OTP短信
|
|
|
|
|
|
</button>
|
2022-03-02 11:28:19 +08:00
|
|
|
|
<a href="register.html">用户注册</a>
|
|
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
<button class="btn blue" id="fillData">
|
|
|
|
|
|
快速测试
|
|
|
|
|
|
</button>
|
2022-03-01 19:31:34 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
jQuery(document).ready(function () {
|
|
|
|
|
|
$("#getotp").on("click", function () {
|
|
|
|
|
|
var telephone = $("#telephone").val();
|
|
|
|
|
|
if (telephone == null || telephone == "") {
|
|
|
|
|
|
alert("手机号不能为空");
|
|
|
|
|
|
return false; // 捕获onclick事件，不让他传递到上一层
|
|
|
|
|
|
}
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
type: "POST",
|
|
|
|
|
|
contentType: "application/x-www-form-urlencoded",
|
|
|
|
|
|
url: "http://localhost:8090/user/getotp",
|
|
|
|
|
|
data: {
|
|
|
|
|
|
"telephone": telephone,
|
|
|
|
|
|
},
|
2022-03-02 11:28:19 +08:00
|
|
|
|
xhrFields: {withCredentials: true},
|
2022-03-01 19:31:34 +08:00
|
|
|
|
success: function (data) {
|
|
|
|
|
|
if (data.status == "success") {
|
|
|
|
|
|
alert("OTP已经发送到了您的手机上，请注意查收");
|
2022-03-02 11:28:19 +08:00
|
|
|
|
window.location.href = "./register.html";
|
2022-03-01 19:31:34 +08:00
|
|
|
|
} else {
|
|
|
|
|
|
alert("OTP发送失败，原因为" + data.data.errMsg);
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
error: function (data) {
|
|
|
|
|
|
alert("OTP发送失败，原因为" + data.responseText);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
2022-03-02 11:28:19 +08:00
|
|
|
|
|
|
|
|
|
|
$("#fillData").on("click", function () {
|
|
|
|
|
|
$("#telephone").val("18900000001");
|
|
|
|
|
|
$("#telephone").attr("disabled", true);
|
|
|
|
|
|
// 屏蔽弹窗
|
|
|
|
|
|
alert = function () {};
|
|
|
|
|
|
$("#getotp").click();
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
if(location.search=="?quickDebug") {
|
|
|
|
|
|
$("#fillData").click();
|
|
|
|
|
|
}
|
2022-03-01 19:31:34 +08:00
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
