首頁 > web前端 > js教程 > 主體

JavaScript 驗證碼的實例程式碼(附效果圖)_javascript技巧

WBOY
發布: 2016-05-16 17:39:37
原創
959 人瀏覽過

效果如下:

JavaScript 驗證碼的實例程式碼(附效果圖)_javascript技巧 

複製程式碼 程式碼如下:


   
   
   

var code;
                var codeLength = 6; //驗證碼的長度
            var checkCode = document.getElementById("checkCode");
         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',
            '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             {
                var charNum = Math.fl,  = codeChars[charNum];
            }
                       checkCode . className = "code";
                checkCode.innerHTML = 代碼;
     
        function validateCode()
        {
                if (inputCode.length             {
          {
     請輸入驗證碼!  {
                alert("驗證碼輸入錯誤!");
                createCode();
                 {
                alert("驗證碼正確!");
       
    



   

   

   
       
      " onclick="createCode()" >
           
       
         " />
       
        
       
   
看不清楚換一張 td>
       
請輸入驗證碼

  
   

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板