JS发送短信验证码

<div>
<input type="tel" id="mobile" name="mobile" placeholder="输入手机号码" />
<button οnclick="getSms();" id="yzmMsg">获取验证码</button>
</div>
<div>
<input type="text" id="captcha" name="captcha" placeholder="输入短信验证码" />
</div>

var i = 60;
    var smsback = "";
    function getSms(){
        var mobileReg = /^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$/;
        var mobile = $("#mobile").val();
        if(!mobileReg.test(mobile)){
            layer.msg("请填写正确的手机号码");
            return;
        }
        if(i==60){
            changeMsg();
        }else{
            return;
        }
        $.ajax({
            url:"${base}/sendMsg.jspx",
            dataType:"json",
            type:"POST",
            success:function (data) {
                smsback = data.msgCode;
                alert(data.testCode);
            }
        });
    }

    function changeMsg(){
        if(i>0){
            $("#yzmMsg").html(i+"秒后再次发送");
            i--;
            setTimeout('changeMsg()',1000);
        }else{
            $("#yzmMsg").html("获取验证码");
            i=60;
        }

    }

  

转载于:https://www.cnblogs.com/pxblog/p/10529441.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值