JavaScript--模拟验证码 

 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>

 

posted @ 2016-05-22 19:21  陈小银  阅读(291)  评论(0)    收藏  举报