jquery 发送验证码60s倒计时,后重新发送

#html
<div class="user_code">
    <input type="text" placeholder="请输入验证码" name="code" >
    <input type="button" class="getCode"  value="发送">
</div>



#js
//发送验证码
        $(".getCode").click(function(){
            var phone=$("#mobile").val();
            var pattern =/^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/;


            if($.trim(phone)==""){
                layer.alert("请输入电话号码");
                return;
            }
            if(!pattern.test(phone)){
                layer.alert("请输入正确的电话号码");
                return;
            }
            var _this=this;

            $.ajax({
                url: "{:U('Public/sendverifycode')}",
                type: 'POST',
                dataType: 'JSON',
                data: {'mobile':phone},
                success: function (data) {
                    if (data.code == 0) {
                        send($(_this));
                        layer.alert("短信发送成功");
                    } else {
                        var mes=data.message;
                        layer.alert(mes);
                    }
                }

            });
        });


var countdown=60;
send=function(obj){
	if (countdown == 0) {
		obj.removeAttr('disabled');
		obj.attr('value','发送');
		countdown = 60;
		return;
	} else {
		obj.attr('disabled','disabled');
		obj.attr('value',"重新发送(" + countdown + ")");
		countdown--;
	}
	setTimeout(function() {
			send(obj) }
		,1000)
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值