js发送验证码(倒计时)

需求:在用户点击获取验证码后60s内不能再次获取

代码

    //倒计时60秒
    var countdown=60;
    //显示获取验证码倒计时的文本标签
    var _generate_code =$("#btn_send");

    //验证码重新获取倒计时
    function settime() {    
          if (countdown == 0) {       
            _generate_code.attr("disabled",false);  
            $("#btn_send").html("重新获取");  
            countdown = 60;  
            return false;  
          } else {  
            _generate_code.attr("disabled", true);  
            $("#btn_send").html("已发送(" + countdown + ")");  
            countdown--;  
          }  
          setTimeout(function() {  
            settime();  
          },1000);  
    }
    
function getqrcode()
{
        
    //手机号不为空,格式校验
    var tel = $(".uidbtp").val();
    if(tel == null || tel == undefined || tel == "")
    {
        alert("手机号不能为空");
        return false;
    }
    
    //手机号格式的判断
    if(!/^1\d{10}$/.test(tel)){
        alert("手机号格式错误!");
        return false;
    }
            
    $.ajax({
    type: 'post',
    url: 'http://127.0.0.1:8081/**/**/**',
    data: 'userid='+userid+'&tel='+tel,
    xhrFields:{
        withCredentials:true
    },
    crossDomain: true,                        
    success: function (data)
    {
        alert('验证码已发送!');
        settime();
        
    },
    error:function () {                        
        alert('请求失败!');
    }});
}

猜你喜欢

转载自www.cnblogs.com/excellencesy/p/9553478.html