欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼

 更新時(shí)間:2016年09月22日 08:55:04   作者:菜鳥(niǎo)的飛翔夢(mèng)  
這篇文章主要介紹了JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下

隨機(jī)驗(yàn)證碼的生成

1: 主體部分

<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)證框里面了

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

 接著就是判斷了

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

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ù)實(shí)現(xiàn)對(duì)象的方法,涉及javascript函數(shù)使用技巧,需要的朋友可以參考下
    2015-05-05
  • js實(shí)現(xiàn)淘寶固定側(cè)邊欄

    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í)用)

    這篇文章主要介紹了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和全局、頁(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)收起效果

    小程序?qū)崿F(xiàn)列表展開(kāi)收起效果

    這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)列表展開(kāi)收起效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-07-07
  • 詳解JavaScript中的閉包是如何產(chǎn)生的

    詳解JavaScript中的閉包是如何產(chǎn)生的

    這篇文章主要為大家詳細(xì)介紹了從內(nèi)存管理的角度來(lái)看,JavaScript中的閉包是如何產(chǎn)生的。文中的示例代碼簡(jiǎn)潔易懂,感興趣的小伙伴可以了解一下
    2022-12-12
  • webstorm中vue語(yǔ)法的支持詳解

    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)

    這篇文章主要介紹了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的變化

    這篇文章主要介紹了JS組件封裝之監(jiān)聽(tīng)localStorage的變化,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-09-09
  • js中判斷Object、Array、Function等引用類型對(duì)象是否相等

    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

最新評(píng)論