欢迎来到我的资源网!
阿里云推广
阿里云推广

迅睿CMS

当前位置:首页 > CMS教程 > 迅睿CMS >

手机短信验证发送后增加倒计时

时间:2024-04-19 17:20:58|栏目:迅睿CMS|点击:0

<button class="btn blue" onclick="dr_ajax_url('/index.php?s=member&c=api&m=login_code&id='+$('#dr_phone').val()+'&code='+$('#dr_code').val())" type="button">获取手机验证码</button>

改为

<button id="sms_code" onclick="dr_ajax_sms('/index.php?s=member&c=api&m=login_code&id='+$('#dr_phone').val()+'&code='+$('#dr_code').val())" type="button">获取手机验证码</button>

<script>
var countdown = 60;
function setCountdown() {
    if (countdown == 0) {
        $('#sms_code').prop('disabled', false);
        $('#sms_code').text('获取验证码');
        countdown = 60;
    } else {
        $('#sms_code').prop('disabled', true);
        $('#sms_code').text(countdown + '秒');
        countdown--;
        setTimeout(setCountdown, 1000);
    }
}


// ajax操作
function dr_ajax_sms(url) {
    var index = layer.load(2, {
        shade: [0.3,'#fff'], //0.1透明度的白色背景
        time: 100000000
    });
    $.ajax({
        type: "GET",
        url: url,
        dataType: "json",
        success: function (json) {
            layer.close(index);
            if (json.code == 0) {
                $('.fc-code img').click();
                if (json.data.field) {
                    $('#dr_row_'+json.data.field).addClass('has-error');
                    $('#dr_'+json.data.field).focus();
                }
            }
            // 在成功回调函数中
            if (json.code == 1) {
                setCountdown();
            }
            dr_cmf_tips(json.code, json.msg, json.data.time);
            if (json.data.url) {
                setTimeout("window.location.href = '"+json.data.url+"'", 2000);
            }
        },
        error: function(HttpRequest, ajaxOptions, thrownError) {
            dr_ajax_alert_error(HttpRequest, this, thrownError);
        }
    });
}
</script>

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:1435567186 | 邮箱:admin@wqjdym.top

Copyright © 2016-2025我的资源网 版权所有 鲁ICP备18026231号-3