DIV CSS 佈局教程網

隨機驗證碼的生成

1： 主體部分

<script> 
 var code ; //在全局 定義驗證碼 
function createCode() 
   {  
    code = ""; 
    var codeLength = 6;//驗證碼的長度 
    var checkCode = document.getElementById("checkCode"); 
    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');//所有候選組成驗證碼的字符，當然也可以用中文的 
     
    for(var i=0;i<codeLength;i++) 
    { 
    
     
    var charIndex = Math.floor(Math.random()*36); 
    code +=selectChar[charIndex]; 
     
     
    } 
//    alert(code); 
    if(checkCode) //這裡不是很懂,有高手可以解釋下 
    { 
     checkCode.className="code"; 
     checkCode.value = code; 
    } 
     
   } 
    
function validate () 
   { 
    var inputCode = document.getElementById("input1").value; 
    if(inputCode.length <=0) 
    { 
      alert("請輸入驗證碼！"); 
      document.getElementById("input1").focus(); 
    } 
    else if(inputCode != code ) 
    { 
     alert("驗證碼輸入錯誤！"); 
     createCode();//刷新驗證碼 
     inputCode = ""; 
     document.getElementById("input1").focus(); 
    }else{ 
      document.frmRegister.submit(); 
    } 
     
     
    } 
<script> 
 

接下來時如何放入到驗證框裡面了

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

 接著就是判斷了

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

OK....搞定...這裡的onclik是只要動了就移開

以上就是JS 隨機生成驗證碼的資料整理，後續繼續補充相關資料，謝謝大家對本站的支持！