js-产生随机验证码的方法

Posted 飘逸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js-产生随机验证码的方法相关的知识,希望对你有一定的参考价值。

先使用U编码转字符,得到随机相同数量的数字、大写字母和小写字母,使随机验证码得到三者的概率相同

效果图和案例实现代码如下:

GIF效果图如下所示:

具体实现代码如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <style>
        input[type=\'button\']{
            margin-left: 100px;
        }
        input{
            margin-top: 200px;
        }
    </style>
<body>
    <input type="button" id="btn" value="点击生成随机数">
    <input type="text" disabled id=\'txt\'>

    <script>
        var btn = document.getElementById(\'btn\');
        var txt = document.getElementById(\'txt\');
        btn.onclick = function () {
            txt.value = randomYzm();
        }
        txt.value = randomYzm();
       * function randomNum(min, max) {*
           * if (min > max) {*
                var t = max;
                max = min;
                min = t;
            }
           * return Math.floor(Math.random() * (max - min + 1) + min);*
        }
       * function randomYzm(){*
            var strK=\'\';
            // 创建随机验证码库
            for(var i=0;i<4;i++){
             *   var n=randomNum(0,9);*
               * var a=String.fromCharCode(randomNum(97,122));*
               * var A=String.fromCharCode(randomNum(65,90));*
                strK+=n+a+A;
            }
            var str=\'\';
            // 从验证码库中获取四位验证码,获取几率相等
            for(var j=0;j<4;j++){
                str+=strK[randomNum(0,strK.length-1)];
            }
            return str;
        }
    </script>
</body>

</html>
 
如果感觉对自己有帮助,麻烦点一下关注,会一直和大家分享知识的,谢谢!!!

以上是关于js-产生随机验证码的方法的主要内容,如果未能解决你的问题,请参考以下文章

验证码

使用canvas及js简单生成验证码方法

JavaWeb中验证码的实现

随机验证码的生成

生成随机验证码的方法

英文,数字和中文混合的彩色验证码实现