<!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>
