联系官方销售客服

1835022288

028-61286886

分享经验 版主:论坛审计组
手机短信验证发送后增加倒计时
类型:迅睿CMS 更新时间:2024-04-05 11:18:32 验证码登录 回调函数

手机短信验证码登录增加倒计时

这是原文档:https://www.xunruicms.com/doc/501.html


<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>


回帖
  • 兔子姑娘
    #1楼    兔子姑娘
    2024-01-02 10:31:21
    Chrome 0
    正好用到,学习一下
  • 四分音符
    #2楼    四分音符
    2024-01-04 14:40:22
    Chrome 0
    哒哒哒哒哒哒多多多多多多多多多多多多多多多多多
  • y33692624
    #3楼    y33692624
    2024-02-02 14:41:33
    Chrome 0
    看看。学习下
  • guizhou
    #4楼    guizhou
    2024-02-03 00:13:27
    Chrome 0
    正好用到,学习一下
  • 爱学习的小白
    #5楼    爱学习的小白
    2024-02-06 12:03:30
    Chrome 0
    看到这个正好需要
  • 猴子阿
    #6楼    猴子阿
    2024-02-11 13:12:54
    Chrome 0

    正好用到,学习一下

  • 王文鑫
    #7楼    王文鑫
    2024-02-25 10:26:15
    Chrome 0
    正好用到,学习一下
  • phpcms
    #8楼    phpcms
    2024-02-29 08:31:27
    Chrome 0
    • 正好用到,学习一下
  • 易模板
    #9楼    易模板
    2024-03-09 23:36:28
    Edge 0
    看看是否好用
  • yudeleishu
    #10楼    yudeleishu
    2024-03-10 11:54:52
    Chrome 0
    学习学习学习学习
  • 听海
    #11楼    听海
    2024-03-15 21:16:32
    Firefox 123.0 0
    学习学习学习学习
  • user_falle
    #12楼    user_falle
    2024-03-17 21:52:55
    Chrome 0
    学习学是否好用
  • 金秋
    #13楼    金秋
    2024-04-04 22:03:18
    Edge 0
    好不好用,看看看
  • 小陆
    #14楼    小陆
    2024-04-05 11:18:32
    Chrome 0
    看看。学习一下