javascript发送验证码

一个发送验证码的javascript代码

var T = 0;
var handle = null;
var event = null;
$(function(){
    $(‘#sendCode‘).click(function(e){
        if(T == 0) {
            var mobile = $(‘#name‘).val();
            if (!/^(13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/i.test(mobile)) {
                alert(‘请先填写正确的手机号码‘);
                return false;
            }

            $.post(‘/auth/sendcode‘, {mobile: mobile, _token: ‘HyOSLkoOpvawVZZi6LUYfNIryJZvc2mXnOJYrrDJ‘}, function (res) {
                if (res.state == ‘success‘) {
                    T = 59;
                    countDown();
                } else {
                    alert(res.message);
                }
            }, ‘json‘);

        } else {
            e.stopPropagation();
        }
    });
});
function countDown()
{
    $(‘#sendCode‘).text(T+‘秒后可重新获取‘).css({‘background-color‘:‘#f8f8f8‘, ‘color‘ : ‘#cccccc‘});
    T = T - 1;
    handle = setTimeout(‘countDown()‘, 1000);
    if (T < 0) {
        clearTimeout(handle);
        $(‘#sendCode‘).text(‘重新获取‘).css({‘background-color‘:‘#eeeeee‘, ‘color‘ : ‘#555555‘});
        T = 0;
    }
}
时间: 2024-10-17 23:13:23

javascript发送验证码的相关文章

js实现发送验证码倒计时按钮

在写注册页面时,有时候需要发送注册邮件来获取验证码,但是为了防止多次重复发送邮件, 必须让按钮隔一段时间后才能再次使用. 代码如下: 1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>验证码按钮</title> 5 </head> 6 <body> 7 <button type="button" id="send&

jQuery手机发送验证码倒计时代码

<!DOCTYPE> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="http://s29.xtest.tech/res/bxdapp/js/jquery.min.js"></script> <script type="text/javascript"&

手机注册,即发送验证码进行验证

由于leancloud提供了一套手机短信验证,因此通过leancloud发送验证 1.注册leancloud账号,创建对应java项目的leancloud项目,获得应用的appID,appKey(手下留情,别复制我的哈)2.于html页面或者jsp页面加入对应的js <script src="https://leancloud.cn/scripts/lib/av-0.5.1.min.js"></script><script src="js/com

jQuery实现的手机发送验证码倒计时效果代码分享

这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述:注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果:首先检测手机是否符合1开头,11位数字的格式:若不符合,则提示错误信息并返回false:否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时. 运行效果: 年利率高达14.4% 上海投融理财,20万起投,年化收益14.4% 房产抵押,

页面效果,给手机发送验证码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时发送验证码</title> <script type="text/javascript"> var wait = 5;   function send(o) { if(wait==5){  //向服务器发送请求,给手机发送

JS发送验证码读秒(转)

1 <input type="button" id="btnR" value="发送验证码" class="send-a" style="border:0px;" /> 2 <script type="text/javascript"> 3 var wait = 60; 4 document.getElementById("btnR").dis

js 发送验证码倒计时

<input  type="text"   name=''  id="btn"> //发送验证码倒计时var wait=30; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 30; }else{ o.setAttribute("disabled", true

jquery实现手机发送验证码的倒计时代码(转)

var wait = 60;//时间 function time(o, p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变 if (wait == 0) { //o.removeAttr("disabled"); //o.val("点击发送验证码");//改变按钮中value的值 //p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送"); $('#'+p).removeAttr(&quo

react native中的聊天气泡以及timer封装成的发送验证码倒计时

今天看来情书写的文章,研究了一下大佬写的文章,自己做一点总结. 其实,今天我想把我近期遇到的坑都总结一下:1.goBack的跨页面跳转,又两种方法,一可以像兔哥那样修改navigation源码,二可以用navigationActions     2.父子组件的传值,一可以用callBack  二可以用pubsub发布订阅模式 三可以用manager事件监听(a页面要显示的内容 有两种形式,一是从manager主动接收,也就是说不需要点击什么的获取数据,而是时时监听manager里数据的变化,第二