JS发送验证码及倒计时

最新推荐文章于 2023-12-03 18:36:56 发布

qazxsw635241

最新推荐文章于 2023-12-03 18:36:56 发布

阅读量594

点赞数 1

分类专栏： js 文章标签： js 验证码

本文链接：https://blog.csdn.net/qazxsw635241/article/details/89489214

版权

js 专栏收录该内容

17 篇文章 1 订阅

订阅专栏


    function sendCode() {
        var second = 60;
        if ($('#phone').val() == null || $('#phone').val() == "") {
            alert("请输入手机号码");
            return;
        }
        
        $.get('/ajax/send-sms',{'phone' : $('#phone').val()}, function(result){
            var obj = JSON.parse(result);
            if(obj.Code == 'OK') {
                alert("手机验证码已发送，请注意查收");
                var secondInterval = setInterval(function() {
                    if(second <= 0) {
                        $('#btnCode').attr("disabled", false);
                        $('#btnCode').val("发送验证码");
                        second = 60;
			 // 关闭定时器
			 clearInterval(secondInterval);
			 secondInterval = undefined;
                    } else {
                        $('#btnCode').attr("disabled", true);
                        $('#btnCode').val(second + "秒后重发");
                        second--;
                    }
                }, 1000);  
            } else {
                alert("手机验证码发送失败，请确认手机号码是否正确，或者稍后再重试");
                return;
            }
        });
    }