发送短信后60秒内阻止点击 + 手机号码检测

Posted 2021-02-12 will-note

messageBox 是一个通知的Toast, 

function SMSCaptcha() {
    this.smsbtn = $(‘.sms-captcha-btn‘);
    this.flag = true;
    this.mobileNumber = $(‘.mobile-number‘);
}

SMSCaptcha.prototype.mobileNumberChecking = function () {
    var self = this;
    mobleNumber = self.mobileNumber.val();
    var result = mobleNumber.search(/1[345678]d{9}/i);
    return result;
};

SMSCaptcha.prototype.requestSMS = function () {
    var self = this;
    self.flag = false;
    $.get("//", function (data, status) {
        if (data["code"] == "200") {
            window.messageBox.show("短信已发送");
            var i = 60;
            timer = setInterval(function () {
                if (i > 0) {
                    self.smsbtn.text(i + "s后可重发");
                    i--
                } else {
                    self.smsbtn.text("发送验证码");
                    self.flag = true;
                    clearInterval(timer);
                    // return null;
                }
            }, 1000);
        }
    })
};

SMSCaptcha.prototype.listenSMSBtnClicking = function () {
    var self = this;
    self.smsbtn.click(function () {
        result = self.mobileNumberChecking();
        if (result > -1) {
            if (self.flag == true) {
                self.requestSMS()
            }
        } else {
            messageBox.show("请输入正确的手机号码");
        }
    })
};

SMSCaptcha.prototype.run = function () {
    var self = this;
    self.listenSMSBtnClicking();
};