你的位置:首页 > Java教程

[Java教程]随机验证码的生成


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