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

这里实现用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);  
      };  
    };
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值