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>