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-产生随机验证码的方法的主要内容,如果未能解决你的问题,请参考以下文章