html验证码

最新推荐文章于 2024-01-14 08:35:47 发布

原创最新推荐文章于 2024-01-14 08:35:47 发布 · 2.1k 阅读

5 ·

CC 4.0 BY-SA版权

本文介绍了HTML中两种验证码的实现方式：1.纯数字验证码；2.数字与字母组合的验证码，探讨了它们在网页安全中的应用和效果。

1.纯数字验证码
2.数字与字母组合验证码

 /*
           数字验证码：随机数字0~9  6位数字
           数字和字符组成的验证码：
                  0~9
                  a~z 97~122
                  A~Z 65~90
                  随机：0~122
           方法：
              1、生成一个数组，装有单个字符，长度62数字
                   随机 0~61的下标
              2、随机ASCII码值
                  


            */
            //n位验证码 每一个数字的范围 0~9 parseInt(Math.random()*9)
            function numTestCode(n){
                var arr = [];//存储生成的数字
                for(var i=0;i<n;i++){
                    var num = parseInt(Math.random()*9);
                    arr.push(num);
                }
                return arr.join("");
            }
            alert(numTestCode(6));

            function testCode(n){
                var arr = [];
                for(var i=0;i<n;i++){
                    var num = parseInt(Math.random()*123);
                    if(num>=0 && num<=9){
                        arr.push(num);
                    }else if(num>=97 && num<=122 || num>=65 && num<=90){
                        arr.push(String.fromCharCode(num));
                    }
                    else{
                        i--;
                    }
                }
                return arr.join("");
            }
            alert(testCode(6));