关于网页端发送验证码的方法

<script type="text/javascript">
       var clock = '';
        var nums = 60;
        var btn;
        function sendCode1(thisBtn) {
            var number = document.getElementById("txtMobile").value;
            
            btn = thisBtn;
            btn.disabled = true; //将按钮置为不可点击
            btn.value = nums + '秒后可重新获取';
            clock = setInterval(doLoop, 1000); //一秒执行一次
        }
        function doLoop() {
            nums--;
            if (nums > 0) {
                btn.value = nums + '秒后可重新获取';
            } else {
                clearInterval(clock); //清除js定时器
                btn.disabled = false;
                btn.value = '点击发送验证码';
                nums = 60; //重置时间
            }
        }
        function GetCode(thisBtn)
        {
        
            var number = document.getElementById("txtMobile").value;
            if(number=="")
            {
                alert("请输入手机号!");
                return;
            }
            var myreg = /^1[3|4|5|7|8][0-9]{9}$/; 
             if(!(myreg.test(number))){ 
                 alert("请输入正确的手机号"); 
                 
                return false; 
             } 
//            var xhr = new XMLHttpRequest();
//            xhr.open("get", 'GetCode.ashx?type=2&UserType=User&Number='+number, true);
//            
//            xhr.setRequestHeader("If-Modified-Since", "0");
//            xhr.onreadystatechange = function () {
//                if (xhr.readyState == 4 && xhr.status == 200) {
//                    var result = xhr.responseText;
//                    if(result=="手机号尚未注册!"||result=="验证码发送失败!")
//                    {
//                        clearInterval(clock); //清除js定时器
//                        btn=document.getElementById("btnCheckNum");
//                        btn.disabled = false;
//                        btn.value = '点击发送验证码';
//                        nums = 60; //重置时间
//                    }
//                    else
//                    {
//                        btn = thisBtn;
//                        btn.disabled = true; //将按钮置为不可点击
//                        btn.value = nums + '秒后可重新获取';
//                        clock = setInterval(doLoop, 1000); //一秒执行一次
//                    }
//                    
//                    alert(result);
//                }
//            };
//            xhr.send(null);
            $.ajax({
                type: "POST",
                url: "GetCode.ashx?type=2&UserType=User&Number="+number,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                data: "",
                dataFilter: function (data) {
                    if(data=="手机号尚未注册!"||data=="验证码发送失败!")
                    {
                        clearInterval(clock); //清除js定时器
                        btn=document.getElementById("btnCheckNum");
                        btn.disabled = false;
                        btn.value = '点击发送验证码';
                        nums = 60; //重置时间
                    }
                    else
                    {
                        btn = thisBtn;
                        btn.disabled = true; //将按钮置为不可点击
                        btn.value = nums + '秒后可重新获取';
                        clock = setInterval(doLoop, 1000); //一秒执行一次
                    }
                    alert(data);
                    return false;
                }
            });
        }
    </script>
</head>

上面一段是js代码,用来调用Ashx页面来执行发送验证码的方法。

调用的方法有两种既可以用ajax方法来发送,也可选择XMLHttpRequest的方法

用按钮调用这个方法就可以了。



  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值