<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>用户注册</title>
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
$(function () {
//点击发送短信的按钮
function send() {
var time = 60;
function downTime() {
time--;
$("#sendBtn").attr({ "disabled": "disabled" });
$("#sendBtn").val(time + ' S后重获');
if (time == 0) {
$("#sendBtn").removeAttr('disabled');
clearInterval(n);
$("#sendBtn").val('发送验证码');
}
}
var n = setInterval(downTime, 1000);
}
$("#sendBtn").click(function () {
send();
//发送短信
$.ajax({
url: "/User/SendCode", //发送短信的处理地址
method: "GET",
success: function (date) {
console.log("success");
}
})
})
})
</script>
</head>
<body>
<form action="/User/Reg" method="post">
<p>
<label>用户账号：</label>
<input type="text" required="" name="userName" />
</p>
<p>
<label>用户手机：</label>
<input type="text" required="" name="userPhone" />
</p>
<p>
<label>用户密码：</label>
<input type="text" required="" name="userPwd1" />
</p>
<p>
<label>确认密码：</label>
<input type="text" required="" name="userPwd2" />
</p>
<p>
<label>验证码：</label>
<input type="text" required="" name="codeByPhone" />
<input type="button" id="sendBtn" value="立即发送"/>
</p>
<p>
<input type="submit" value="立即注册" />
</p>
</form>
</body>
</html>
浙公网安备 33010602011771号