JS怎样制作验证码？

最新推荐文章于 2023-09-01 17:19:52 发布

十里桃花131

最新推荐文章于 2023-09-01 17:19:52 发布

阅读量364

点赞数

文章标签： javascript random if条件语句 for循环验证码

本文链接：https://blog.csdn.net/qq_39875553/article/details/77372199

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>验证码</title>
</head>
<body>
<script>
var chars=[];//定义一个用来装验证码的数组
for(var a=48;a<=57;a++){//阿拉伯数字0~9的字符编码值(以十进制数值为准)
chars.push(String.fromCharCode(a));
}
for(var b=65;b<=90;b++){//大写字母的字符编码值(以十进制数值为准)
chars.push(String.fromCharCode(b));
}
for(var c=97;c<=122;c++){//小写字母的字符编码值(以十进制数值为准)
chars.push(String.fromCharCode(c));//fromCharCode()方法把字符串转换为十进制 String.fromCharCode函数用于从一些Unicode字符值中返回一个字符串
}

function getCode(){
var codes=[];//定义验证码的组成格式
while(codes.length<4){//定义验证码的字符长度，一般为4
//r是chars[]里面的下标
var r=parseInt(Math.random()*62);//62是数组chars[]组成字符0~9,a~z和A~Z的长度和
codes.push(chars[r]);
}
return codes.join("");//将数组变成字符串
}
var codes=getCode();
while((prompt("请输入验证码："+codes)).toUpperCase()!=codes.toUpperCase()){
alert("您输入的验证码不正确啊！请擦亮眼睛看清楚好吗？！！！");
codes=getCode();
}
alert("验证码正确！");
</script>
</body>
</html>