mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-01-30 21:20:26 +08:00
54 lines
1.6 KiB
HTML
54 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>Title</title>
|
|||
|
|
<script src="./static/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div>
|
|||
|
|
<h3>获取OTP信息</h3>
|
|||
|
|
<div>
|
|||
|
|
<label>手机号</label>
|
|||
|
|
<div>
|
|||
|
|
<input type="text" placeholder="手机号" name="telephone" id="telephone">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<button id="getotp" type="submit">
|
|||
|
|
获取OTP短信
|
|||
|
|
</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,
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data.status == "success") {
|
|||
|
|
alert("OTP已经发送到了您的手机上，请注意查收");
|
|||
|
|
} else {
|
|||
|
|
alert("OTP发送失败，原因为" + data.data.errMsg);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (data) {
|
|||
|
|
alert("OTP发送失败，原因为" + data.responseText);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|