联系官方销售客服

1835022288

028-61286886

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

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

这是原文档: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
    看看。学习一下
  • 刘云海
    #15楼    刘云海
    2024-06-28 16:28:19
    Chrome 0
    看看。学习一下
  • 如果你唱歌
    #16楼    如果你唱歌
    2024-06-28 18:41:19
    Edge 0
    看看。学习一下
  • nemoccc
    #17楼    nemoccc
    2024-06-28 21:41:01
    Chrome 0
    正好用到,学习一下
  • 不懂
    #18楼    不懂
    2024-06-29 22:41:20
    Chrome 0
    学习一下学习一下学习一下学习一下学习一下学习一下学习一下学习一下
  • 累
    #19楼    累
    2024-07-13 18:34:24
    Firefox 128.0 0
    正好用到,学习一下
  • 帝云网络-长期接单
    #20楼    帝云网络-长期接单
    2024-07-20 12:34:44
    Edge 0
    学习一下一下学习一下学习一下学习一下学习一下学习一下
  • 晴天
    #21楼    晴天
    2024-08-01 23:17:54
    Chrome 0
    学习一下,正需要
  • WYIBO
    #22楼    WYIBO
    2024-09-09 15:30:23
    Chrome 0
    学习一下,正需要
  • 迅睿粉丝
    #23楼    迅睿粉丝
    2024-09-19 18:58:56
    Chrome 0
    学习学习学习学习学习学习
  • 不耻下问小菜新
    #24楼    不耻下问小菜新
    2024-10-27 14:24:15
    Chrome 0
    正好用到,学习一下
  • 曼曼
    #25楼    曼曼
    2024-10-31 15:31:26
    Chrome 0
    看看。学习一下