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>
請輸入驗證碼