Question

js发送短信倒计时验证，怎么样能让他变灰后不可点击？

我的状态是，现在变灰之后还可以点击，点一下还会给手机发送短信，想让他变灰之后不可点击，直到重新倒计时。
代码如下：

<script>var sends = { checked:1, send:function(){ var numbers = /^1\d{10}$/; var val = $('#phone').val().replace(/\s+/g,""); //获取输入手机号码 if($('.div-ranks').find('span').length == 0 && $('.div-ranks a').attr('class') == 'send1'){ if(!numbers.test(val) || val.length ==0){ $('.div-ranks').append('<span class="error">手机格式错误</span>'); return false; } } if(numbers.test(val)){ var time = 60; $('.div-ranks span').remove(); if(!sends.checked)return; function timeCountDown(){ if(time==0){ clearInterval(timer); $('.div-ranks a').addClass('send1').removeClass('send0').html("发送验证码"); sends.checked = 1; return true; } $('.div-ranks a').html(time+"S后再次发送"); time--; sends.checked = 0; } $('.div-ranks a').addClass('send0').removeClass('send1'); timeCountDown(); var timer = setInterval(timeCountDown,1000); } }}</script>
求大神帮忙指导改一下这个问题。。之后还会追加悬赏的

Answer 1

在你的sends.send()方法的前边加一句：
$(".send1").attr("disabled",true);

在 timeCountDown方法里面，你不是有一个time字段记录多少秒之后让它重新点击发送短信吗，你在这个地方判断一个如果time等于0的话加上这句话：
$(".send1").attr("disabled","");

追问

你好，具体$(".send1").attr("disabled","ture");这句话加在那个位置呢？

追答

你代码好像没贴全吧？

追问

脚本部分贴全了啊。现在不知道加在哪里能好使。。试了一下。。都不行啊

追答

这两个地方：
if(numbers.test(val)){
$(".send1").attr("disabled","ture");

if(time==0){
$(".send1").attr("disabled","");