手机号:<input type='text' name='mobile' id='mobile'>
<input id="btnSendCode" type="button" value="发送验证码" onclick="getCode()" /><br>
验证码:<input type='text' name='code' id='code'><br>
<script src="api/js/jquery.js" type="text/javascript"></script>
<script>
//发送验证码
var InterValObj; //timer变量,控制时间
var count = 60; //间隔函数,1秒执行
var curCount; //当前剩余秒数
function getCode(){
mobile = $('#mobile').val();
$.ajax({
url: 'getcode', //后台处理验证码方法
data: {'mobile': mobile},
type: 'post',
success: function (e) {
var jsonObj = eval( '(' + e + ')' ); // eval();方法
if(jsonObj.code == 'err'){
alert(jsonObj.message);return;
}
else{
curCount = count;
//设置button效果,开始计时
$("#btnSendCode").attr("disabled", "true");
$("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
alert(jsonObj.message);return;
}
}
});
}
//timer处理函数
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj); //停止计时器
$("#btnSendCode").removeAttr("disabled"); //启用按钮
$("#btnSendCode").val("重新发送验证码");
}
else {
curCount--;
$("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
}
}
</script>
发送短信倒计时
最新推荐文章于 2023-05-12 15:32:11 发布