思路:将a~z的字母和0-9的数字放到数组里,然后生成四个0-36的随机数,每次生成一个随机数就取一个数组里对应位置的值,放到存放验证码的数组里。
弹出输入框,让用户输入验证码,输入正确则跳出循环,输错则重新输入。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
var a=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
var code="";
for(var i=0;i<4;i++){
//0-1的随机小数 --> 0~数组长度-1的范围 取整
var randPosition = Math.floor(Math.random()*(a.length-1)); //每次生成一个随机数的位置
code += a[randPosition];//带有随机位置作为下标,指示到当前随机产生的某个字符上,
}
alert(code);
while(1){
var ss=prompt("请输入验证码");
if(ss==code)
{
alert ("输入正确");
break;
}
else
{
alert("输入错误");
}
}
</script>
</body>
</html>