使用ajax实现发送验证码业务

来源:互联网 发布:java velocity 编辑:程序博客网 时间:2024/05/16 05:58

这里实现用ajax发送手机验证码的业务和功能,代码如下:

//点击获取验证码    document.getElementById("btnyzm").onclick=function(){        //如果在正在发送则不能发送        var t =this.innerHTML.indexOf('重');        if(t==0){            return;        }        //发验证码之前验证手机号是否合法            if($("#number").text().length<=0){            alert("手机号码不能为空!");            return;        }else{            if($("#number").text() && /^1[3|4|5|8]\d{9}$/.test($("#number").text())){                console.log("手机号正确");            }else{                alert("手机号格式错误,请核实后再填写!");                return;            };        };        //调用倒计时功能        time(this);        //调用发送短信请求  YHLX (1.求职者2.企业用户) YZLX 验证类型(1.登录验证,2.注册验证)        var yzmdata={SJHM:$("#number").text(),YHLX:"2",YZLX:"2"};        var promise,            yzmCode;        $.ajax({            url:"接口地址",            type:"POST",            data: yzmdata,            timeout: 3000,            success:function(res){                promise = new Promise(function(resolve,reject){                    yzmCode = res.data;                    resolve();                })                return promise;            }        }).then(function(){            if(yzmCode.status != 200){                alert("发送失败");            }            if(yzmCode.data.IsOK){                alert("验证码发送成功,请注意查收");            }        })    };    //初始化验证码时间    var wait=40;    function time(o) {      if (wait == 0) {        //jq操纵dom对象改名内容        o.innerHTML = '获取验证码';        o.removeAttribute("disabled");        //时间重置        wait = 40;      }else{        o.innerHTML = "重新发送(" + wait + ")";        wait--;         //每1秒执行一次time时间。如果不满足就就继续减 一直到0为止,如果为0就显示免费获取验证码        setTimeout(function() {              time(o)          },1000);        };      };
原创粉丝点击