1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 <script>
7 //随机生成验证码:
8 //Step1: 将所有备用字符放在数组中
9 var chars=[];
10 for(var i=48;
11 i<=57;
12 chars.push(String.fromCharCode(i)),i++);
13 for(var i=65;
14 i<=90;
15 chars.push(String.fromCharCode(i)),i++);
16 for(var i=97;
17 i<=122;
18 chars.push(String.fromCharCode(i)),i++);
19 //console.log(String(chars));
20 //Step2: 定义函数getCode，随机挑选4个位置的字符
21 function getCode(){
22 //i从1开始，到<=4结束，同时声明空字符串code
23 for(var i=1,code="";i<=4;i++){
24 //从0~chars的length-1随机挑选一个位置，保存在r中
25 var r=Math.floor(Math.random()*(chars.length));
26 //将chars中r位置的字符拼接到code上
27 code+=chars[r];
28 }
29 return code;
30 }
31 console.log(getCode());
32 //Step3: 反复请用户输入验证码:
33 //声明变量code，初始化为getCode()返回的一个验证码
34 var code=getCode();
35 //反复请用户输入验证码(code)转为小写字母的结果，不等于code转为小写字母的结果
36 while(prompt("输入验证码("+code+")").toLowerCase()
37 !=code.toLowerCase()){
38 alert("验证码错误！")//提示:验证码错误！
39 //调用getCode()获得新验证码保存到code中
40 code=getCode();
41 }//(遍历结束)
42 document.write("<h1 style=‘color:green‘>验证码正确</h1>");
43 </script>
44 </head>
45 <body>
46
47 </body>
48 </html>
时间： 2024-10-18 07:09:49