Question

js中60s按钮不可被点击，怎么改好一点？

$(function () {
//获取短信验证码
var validCode=true;
$(".msgs").click (function () {
var mobile = document.getElementById("mobile").value;
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
if(!myreg.test($("#mobile").val()))
{
alert('请输入有效的手机号码！');
return false;
}
var urlstr='{:U('User/sendcode/mobile/','','')}'+ '/'+ mobile;
$.post(urlstr);
alert("验证码已经成功发送，请注意查收！");

var time=60;
var code=$(this);
if (validCode) {
validCode=false;
code.addClass("msgs1");

var t=setInterval(function () {
time--;
code.html(time+"秒");
if (time==0) {
clearInterval(t);

code.html("重发");
validCode=true;
code.removeClass("msgs1");
}
},1000)
}
})

})
</script>

Answer 1

最好在发送后设置按钮为disabled 不可点击状态,然后setInterval倒计时更改按钮上的字,时间到了把disabled 去了,改为重发