美文网首页
jq 获取验证码 按钮 倒计时

jq 获取验证码 按钮 倒计时

作者: LearningCoding | 来源:发表于2017-06-16 17:36 被阅读68次
function getcode() {

    var phone = $('#phoneTF').val();
    if (!phone) {
        alert('请输入您的手机号码!');
        return false;
    }
    var telRegexp = /^(1[3|4|5|7|8])[\d]{9}$/;
    if (!telRegexp.test(phone)) {
        alert('请输入正确手机号码!');
        return false;
    }

    $.ajax({
        url: "http://bbs.haotoufa.com/xxx.php?tel=" + phone,
        datatype: "json",
        type: 'get',
        success: function (data) {   //成功后回调
            var d = $.parseJSON(data);
            if (d["status"] == 0) {
                alert(d["msg"]);
            } else {
                // 将button和该方法接触binding
                $('.codeBtn').attr('disabled', 'disabled');
                var timeCount = 59;
                var timeout = setInterval(function () {
                    $('.codeBtn').text('重新发送(' + timeCount-- + ')');
                    if (timeCount == 0){
                        clearInterval(timeout);
                        $('.codeBtn').text('重新发送');
                        // 将button绑定该方法
                        $('.codeBtn').attr('disabled', false);
                    }
                }, 1000);
            }
        },
        error: function(){    //失败后回调
        }
    });

}

相关文章

  • IOS倒计时按钮实现思路及Demo

    前言 最近因为项目中涉及到短信获取验证码功能,并且获取验证码按钮需要显示倒计时功能,同时当从获取验证码界面在倒计时...

  • iOS 倒计时效果的实现

    // 添加定时器 // 倒计时操作 // 定时器的销毁 点击按钮获取验证码 注意:如果获取验证码的按钮是通过sb ...

  • jq 获取验证码 按钮 倒计时

  • iOS 短信验证码倒计时按钮的实现

    验证码倒计时按钮的应用是非常普遍的,本文介绍了IOS实现验证码倒计时功能,点击获取验证码,进入时间倒计时,感兴趣的...

  • swift 倒计时按钮设置

    获取验证码倒计时的按钮。 在你需要的时候调用: 这样就实现了你的获取验证码倒计时,不过还有一个最重要的问题:当你初...

  • 获取验证码按钮的状态

    有四个状态 获取验证码 发送中 倒计时 60-1 重新获取 1.默认为获取验证码首先 点击发送请求 中 按钮为 发...

  • Android开发完整项目案例-获取验证码倒计时

    需求: 登陆或者注册时点击获取验证码按钮,进行60s倒计时,倒计时过程中不允许点击按钮。倒计时秒数需要实时显示 效...

  • Android_验证码按钮倒计时

    在注册获取验证码时候需要一个倒计时按钮。 CountDownTimer 构造器、方法 源码 CountDownTi...

  • iOS 验证码倒计时

    /** 倒计时方法 在点击获取验证码按钮的方法里调用此方法即可实现, 需要在倒计时里修改按钮相关的请在此方法里yo...

  • iOS中倒计时按钮的实现

    我们经常会遇到按钮上进行倒计时的情况,比如获取验证码的时候。本文将讲解如何实现倒计时按钮。为了让大家清楚地知道本文...

网友评论

      本文标题:jq 获取验证码 按钮 倒计时

      本文链接:https://www.haomeiwen.com/subject/maysqxtx.html