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

最新推荐文章于 2023-12-22 15:23:20 发布

呆瓜丶

最新推荐文章于 2023-12-22 15:23:20 发布

阅读量1.9k

点赞数 1

分类专栏：菜鸟心得文章标签：验证码

本文链接：https://blog.csdn.net/u011498721/article/details/69945165

版权

菜鸟心得专栏收录该内容

20 篇文章 1 订阅

订阅专栏

<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的方法

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