mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-01-10 11:48:14 +08:00
77 lines
2.7 KiB
HTML
77 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Title</title>
|
||
<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"/>
|
||
<script src="./static/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
|
||
</head>
|
||
<body class="login">
|
||
<div class="content">
|
||
<h3 class="form-title">获取OTP信息</h3>
|
||
<div class="from-group">
|
||
<label class="control-label">手机号</label>
|
||
<div>
|
||
<input class="form-control" type="text" placeholder="手机号" name="telephone" id="telephone">
|
||
</div>
|
||
</div>
|
||
<div class="form-actions">
|
||
<button class="btn blue" id="getotp" type="submit">
|
||
获取OTP短信
|
||
</button>
|
||
<a href="register.html">用户注册</a>
|
||
|
||
<br>
|
||
<button class="btn blue" id="fillData">
|
||
快速测试
|
||
</button>
|
||
</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,
|
||
},
|
||
xhrFields: {withCredentials: true},
|
||
success: function (data) {
|
||
if (data.status == "success") {
|
||
alert("OTP已经发送到了您的手机上，请注意查收");
|
||
window.location.href = "./register.html";
|
||
} else {
|
||
alert("OTP发送失败，原因为" + data.data.errMsg);
|
||
}
|
||
},
|
||
error: function (data) {
|
||
alert("OTP发送失败，原因为" + data.responseText);
|
||
}
|
||
})
|
||
})
|
||
|
||
$("#fillData").on("click", function () {
|
||
$("#telephone").val("18900000001");
|
||
$("#telephone").attr("disabled", true);
|
||
// 屏蔽弹窗
|
||
alert = function () {};
|
||
$("#getotp").click();
|
||
})
|
||
|
||
if(location.search=="?quickDebug") {
|
||
$("#fillData").click();
|
||
}
|
||
})
|
||
</script>
|
||
</body>
|
||
</html> |