随机验证码的生成

Posted 2020-08-09 我当菜鸟的那几年

1： 主体部分

Js代码  

1. <script>  
2.  var code ; //在全局 定义验证码  
3. function createCode()  
4.      {   
5.        code = "";  
6.        var codeLength = 6;//验证码的长度  
7.        var checkCode = document.getElementById("checkCode");  
8.        var selectChar = 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‘,‘S‘,‘T‘,‘U‘,‘V‘,‘W‘,‘X‘,‘Y‘,‘Z‘);//所有候选组成验证码的字符，当然也可以用中文的  
9.           
10.        for(var i=0;i<codeLength;i++)  
11.        {  
12.         
13.           
14.        var charIndex = Math.floor(Math.random()*36);  
15.        code +=selectChar[charIndex];  
16.          
17.          
18.        }  
19. //       alert(code);  
20.        if(checkCode) //这里不是很懂,有高手可以解释下  
21.        {  
22.          checkCode.className="code";  
23.          checkCode.value = code;  
24.        }  
25.          
26.      }  
27.        
28. function validate ()  
29.      {  
30.        var inputCode = document.getElementById("input1").value;  
31.        if(inputCode.length <=0)  
32.        {  
33.            alert("请输入验证码！");  
34.            document.getElementById("input1").focus();  
35.        }  
36.        else if(inputCode != code )  
37.        {  
38.           alert("验证码输入错误！");  
39.           createCode();//刷新验证码  
40.           inputCode = "";  
41.           document.getElementById("input1").focus();  
42.        }else{  
43.             document.frmRegister.submit();  
44.        }  
45.          
46.          
47.        }  
48. <script>  

 

接下来时如何放入到验证框里面了

html代码  

1. <input type="text"  id="checkCode" class="unchanged" style="width: 80px"  readonly/>  

 接着就是判断了

Java代码  

1. <input  type="text"  onclick="createCode()" id="input1" />  

 

OK....搞定...这里的onclik是只要动了就移开