JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼
隨機(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ì)本站的支持!
- js實(shí)現(xiàn)隨機(jī)數(shù)字字母驗(yàn)證碼
- js隨機(jī)生成一個(gè)驗(yàn)證碼
- JS如何生成隨機(jī)驗(yàn)證碼
- 用jsp頁(yè)面生成隨機(jī)的驗(yàn)證數(shù)字碼示例
- JavaScript實(shí)現(xiàn)隨機(jī)五位數(shù)驗(yàn)證碼
- 基于JS實(shí)現(xiàn)一個(gè)隨機(jī)生成驗(yàn)證碼功能
- js實(shí)現(xiàn)隨機(jī)8位驗(yàn)證碼
- JS實(shí)現(xiàn)4位隨機(jī)驗(yàn)證碼
- JS 實(shí)現(xiàn)隨機(jī)驗(yàn)證碼功能
- Javascript實(shí)現(xiàn)仿QQ隨機(jī)數(shù)驗(yàn)證
相關(guān)文章
javascript用函數(shù)實(shí)現(xiàn)對(duì)象的方法
這篇文章主要介紹了javascript用函數(shù)實(shí)現(xiàn)對(duì)象的方法,涉及javascript函數(shù)使用技巧,需要的朋友可以參考下2015-05-05JS獲取地址欄參數(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-08JS 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-11JS組件封裝之監(jiān)聽(tīng)localStorage的變化
這篇文章主要介紹了JS組件封裝之監(jiān)聽(tīng)localStorage的變化,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-09-09js中判斷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