<script> 
 var code ; //在全局 定義驗(yàn)證碼 
function createCode() 
   {  
    code = ""; 
    var codeLength = 6;//驗(yàn)證碼的長(zhǎng)度 
    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');//所有候選組成驗(yàn)證碼的字符，當(dāng)然也可以用中文的 
     
    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("請(qǐng)輸入驗(yàn)證碼！"); 
      document.getElementById("input1").focus(); 
    } 
    else if(inputCode != code ) 
    { 
     alert("驗(yàn)證碼輸入錯(cuò)誤！"); 
     createCode();//刷新驗(yàn)證碼 
     inputCode = ""; 
     document.getElementById("input1").focus(); 
    }else{ 
      document.frmRegister.submit(); 
    } 
     
     
    } 
<script>

接下來(lái)時(shí)如何放入到驗(yàn)證框里面了

接著就是判斷了

OK....搞定...這里的onclik是只要?jiǎng)恿司鸵崎_(kāi)

以上就是JS 隨機(jī)生成驗(yàn)證碼的資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

javascript用函數(shù)實(shí)現(xiàn)對(duì)象的方法
這篇文章主要介紹了javascript用函數(shù)實(shí)現(xiàn)對(duì)象的方法,涉及javascript函數(shù)使用技巧,需要的朋友可以參考下
2015-05-05
js實(shí)現(xiàn)淘寶固定側(cè)邊欄
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)淘寶固定側(cè)邊欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
JS獲取地址欄參數(shù)的兩種方法(簡(jiǎn)單實(shí)用)
這篇文章主要介紹了JS獲取地址欄參數(shù)的兩種方法(簡(jiǎn)單實(shí)用)，小編給大家推薦使用第一種采用正則表達(dá)式獲取地址欄參數(shù)的方法，此方法簡(jiǎn)單實(shí)用，對(duì)js獲取地址欄參數(shù)相關(guān)知識(shí)感興趣的朋友，一起學(xué)習(xí)吧
2016-06-06
微信小程序的WXSS和全局、頁(yè)面配置詳細(xì)講解
WXSS(WeiXin?Style?Sheets)是一套樣式語(yǔ)言,用于描述?WXML?的組件樣式,下面這篇文章主要給大家介紹了關(guān)于微信小程序WXSS和全局、頁(yè)面配置的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-08-08
小程序?qū)崿F(xiàn)列表展開(kāi)收起效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)列表展開(kāi)收起效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07
詳解JavaScript中的閉包是如何產(chǎn)生的
這篇文章主要為大家詳細(xì)介紹了從內(nèi)存管理的角度來(lái)看，JavaScript中的閉包是如何產(chǎn)生的。文中的示例代碼簡(jiǎn)潔易懂，感興趣的小伙伴可以了解一下
2022-12-12
webstorm中vue語(yǔ)法的支持詳解
這篇文章主要介紹了webstorm中vue語(yǔ)法的支持詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-05-05
JS Loading功能的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要介紹了JS Loading功能的簡(jiǎn)單實(shí)現(xiàn)。這個(gè)功能原理是很簡(jiǎn)單的，就是一個(gè)DIV遮蓋當(dāng)前頁(yè)面，然后Loading就在遮蓋DIV層上展示出來(lái)
2013-11-11
JS組件封裝之監(jiān)聽(tīng)localStorage的變化
這篇文章主要介紹了JS組件封裝之監(jiān)聽(tīng)localStorage的變化,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-09-09
js中判斷Object、Array、Function等引用類型對(duì)象是否相等
項(xiàng)目中有時(shí)會(huì)需要對(duì)引用類型進(jìn)行比較，如常見(jiàn)的object和array，我們知道，引用類型無(wú)法直接使用 == 或=== 取得期待結(jié)果，因此需要一個(gè)迭代的compare函數(shù)轉(zhuǎn)化成原始類型進(jìn)行比較
2012-08-08