<!doctype html>
<html>
<head>
<title>标题</title>
<meta charset="utf-8">
<script>
//Step1: 将备选字符,都放在一个数组中
var chars=[];//声明空数组chars
//循环:u从48~57,将u转为字符,压入char
for(var u=48;u<=57;u++){
chars.push(String.fromCharCode(u));
}
//循环:u从65~90,将u转为字符,压入char
for(var u=65;u<=90;u++){
chars.push(String.fromCharCode(u));
}
//循环:u从97~122,将u转为字符,压入char
for(var u=97;u<=122;u++){
chars.push(String.fromCharCode(u));
}
//console.log(String(chars));
//Step2: 函数,随机抽取4个位置上的字符,拼成验证码
function getCode(){
var str="";
//循环4次,同时声明空字符串str
while(str.length<4){
//0~chars的元素个数-1之间生成一个随机整数r
var r=parseInt(
Math.random()*chars.length);
//将chars中r位置的字符拼接到str中
str+=chars[r];
}//(循环结束)返回str
return str;
}
//console.log(getCode());
//Step3: 反复输入,验证
while(true){
//调用getCode()函数,获得一个验证码,保存在变量code中
var code=getCode();
//请用户输入验证码(code),保存在input
var input=prompt("输入验证码"+code);
//如果input转小写,不等于code转小写
if(input.toLowerCase()
!=code.toLowerCase()){
//就提示:验证码错误
alert("验证码错误,请重新输入")
}else{//否则,说明输入正确
break;//就退出循环
}
}//(循环结束)
alert("验证通过")//提示: 验证通过
</script>
</head>
<body>
</body>
</html>
javascript之验证码小案例
最新推荐文章于 2022-10-09 17:29:00 发布