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

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();};

原文地址:https://www.cnblogs.com/will-note/p/10498136.html

时间: 2024-08-29 13:41:42

发送短信后60秒内阻止点击 + 手机号码检测的相关文章

Jquery插件 防刷新倒计时 “点击获取验证码后60秒内禁止重新获取

Jquery插件实现"点击获取验证码后60秒内禁止重新获取(防刷新)" 效果图: 先到官网(http://plugins.jQuery.com/cookie/)下载cookie插件,放到相应文件夹,代码如下: 1 <style type="text/css"> 2 * {margin: 0; 3 padding: 0; 4 font-family: "Microsoft Yahei"; 5 } 6 .captcha-box { 7 w

yii框架实现注册页面短信验证60秒倒计时

先说下简单的,直接用jquery来实现短信验证60秒倒计时,然后在说明在yii框架下怎么实现的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

Jquery插件实现“点击获取验证码后60秒内禁止重新获取(仿刷新)”

效果图: 先到官网(http://plugins.jquery.com/cookie/)下载cookie插件,放到相应文件夹,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title&

点击获取验证码后60秒内禁止重新获取(防刷新)

<script> $(function(){ /*防刷新:检测是否存在cookie*/ if($.cookie("captcha")){ var count = $.cookie("captcha"); var btn = $('#getting'); btn.val(count+'秒后可重新获取').attr('disabled',true).css('cursor','not-allowed'); var resend = setInterval(f

Hbuilder MUI 注册短信验证60秒后重新发送

<div class="mui-input-row"> <label class="iconfont_log_reg icon-youjian"></label> <input type="text"  placeholder="请输入短信验证码" id="u_code"> <a href="javascript:senmobile(60);&

短信倒计时60秒

var timer=null; clearTimeout(timer); _this.controlTime($('#sendyzm-btn-bb'), 60); // 控制时间为60秒 controlTime: function(sendbtn, wait){ var self = this; if (wait == 0) { sendbtn.prop("disabled",false).removeClass('sendyzm-ing').val('发送验证码'); wait =

iOS开发之调用系统打电话发短信接口以及程序内发短信

在本篇博客开头呢,先说一下写本篇的博客的原因吧.目前在做一个小项目,要用到在本应用程序内发验证码给其他用户,怎么在应用内发送短信的具体细节想不大起来了,于是就百度了一下,发现也有关于这方面的博客,点进去看了看,个人感到有点小失望,写的太不详细,只是简单的代码罗列,而且代码也没注释,大概是因为太简单了吧.今天在做完项目的发短信功能后感觉有必要把这部分内容整理一下,做个纪念也是好的不是吗.废话少说,切入今天的正题.下面的发短信,打电话当然需要真机测试了. 一.调用系统功能 在iOS中打开系统本身的打

发送短信验证码

//发送短信 $("#btnSendcode").click(function () { var $this = $(this); //检查是否输入手机号码 if ($("#txtMobile").val() == "") { $.dialog.alert("对不起,请先输入手机号码!", function () { $("#txtMobile").focus(); }); return false; }

点击按钮 倒计时60秒方可再次点击发送的Js代码

本节内容:Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果. 比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果. 本文用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能. 例子: 复制代码代码示例: <input type="button" id="btn" value="免费获取验证码" /><script type="