随机验证码的生成

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是只要动了就移开