随机验证码（4位）

Posted 2020-07-17

 1 <script>
 2     var code; //在全局定义验证码 
 3     //产生验证码
 4     window.onload = function createCode() {
 5         code = "";
 6         var codeLength = 4;//验证码的长度
 7         var checkCode = document.getElementById("code");
 8         var random = new Array(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‘,
 9         ‘S‘, ‘T‘, ‘U‘, ‘V‘, ‘W‘, ‘X‘, ‘Y‘, ‘Z‘);//随机数
10         for (var i = 0; i < codeLength; i++) {//循环操作
11             var index = Math.floor(Math.random() * 36);//取得随机数的索引（0~35）
12             code += random[index];//根据索引取得随机数加到code上
13         }
14         checkCode.value = code;//把code值赋给验证码
15     }
16     //校验验证码
17     function validate() {
18         var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写      
19         if (inputCode.length <= 0) { //若输入的验证码长度为0
20             alert("请输入验证码！"); //则弹出请输入验证码
21         }
22         else if (inputCode != code) { //若输入的验证码与产生的验证码不一致时
23             alert("验证码输入错误！@[email protected]"); //则弹出验证码输入错误
24             createCode();//刷新验证码
25             document.getElementById("input").value = "";//清空文本框
26         }
27         else { //输入正确时
28             alert("^-^"); //弹出^-^
29         }
30     }
31  </script>