JavaScript 隨機驗證碼的生成實例代碼
更新時間：2016年09月22日 08:55:04 作者：菜鳥的飛翔夢
這篇文章主要介紹了JavaScript 隨機驗證碼的生成實例代碼的相關(guān)資料,需要的朋友可以參考下
隨機驗證碼的生成
1： 主體部分
<script>
var code ; //在全局 定義驗證碼
function createCode()
{
code = "";
var codeLength = 6;//驗證碼的長度
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');//所有候選組成驗證碼的字符，當(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("請輸入驗證碼！");
document.getElementById("input1").focus();
}
else if(inputCode != code )
{
alert("驗證碼輸入錯誤！");
createCode();//刷新驗證碼
inputCode = "";
document.getElementById("input1").focus();
}else{
document.frmRegister.submit();
}
}
<script>
接下來時如何放入到驗證框里面了
<input type="text" id="checkCode" class="unchanged" style="width: 80px" readonly/>
接著就是判斷了
<input type="text" onclick="createCode()" id="input1" />
OK....搞定...這里的onclik是只要動了就移開
以上就是JS 隨機生成驗證碼的資料整理，后續(xù)繼續(xù)補充相關(guān)資料，謝謝大家對本站的支持！
相關(guān)文章
javascript用函數(shù)實現(xiàn)對象的方法
這篇文章主要介紹了javascript用函數(shù)實現(xiàn)對象的方法,涉及javascript函數(shù)使用技巧,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)淘寶固定側(cè)邊欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了JS獲取地址欄參數(shù)的兩種方法(簡單實用)，小編給大家推薦使用第一種采用正則表達(dá)式獲取地址欄參數(shù)的方法，此方法簡單實用，對js獲取地址欄參數(shù)相關(guān)知識感興趣的朋友，一起學(xué)習(xí)吧2016-06-06
WXSS(WeiXin?Style?Sheets)是一套樣式語言,用于描述?WXML?的組件樣式,下面這篇文章主要給大家介紹了關(guān)于微信小程序WXSS和全局、頁面配置的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)列表展開收起效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要為大家詳細(xì)介紹了從內(nèi)存管理的角度來看，JavaScript中的閉包是如何產(chǎn)生的。文中的示例代碼簡潔易懂，感興趣的小伙伴可以了解一下2022-12-12
這篇文章主要介紹了webstorm中vue語法的支持詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了JS Loading功能的簡單實現(xiàn)。這個功能原理是很簡單的，就是一個DIV遮蓋當(dāng)前頁面，然后Loading就在遮蓋DIV層上展示出來2013-11-11
JS組件封裝之監(jiān)聽localStorage的變化
這篇文章主要介紹了JS組件封裝之監(jiān)聽localStorage的變化,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09
js中判斷Object、Array、Function等引用類型對象是否相等
項目中有時會需要對引用類型進行比較，如常見的object和array，我們知道，引用類型無法直接使用 == 或=== 取得期待結(jié)果，因此需要一個迭代的compare函數(shù)轉(zhuǎn)化成原始類型進行比較2012-08-08