JavaScript生成驗(yàn)證碼(一)

2012/11/9 11:31:10作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

為了防止一些自動(dòng)注冊(cè)程序，在網(wǎng)站注冊(cè)新用戶或登錄時(shí)通常需要填寫驗(yàn)證碼。本例學(xué)習(xí)如何使用．JavaScript制作驗(yàn)證碼。

【實(shí)例代碼】

<HTML>
<HEAD>
<TITLE>生成驗(yàn)證碼-學(xué)無憂（yzddtk.cn）</title>
<SCRIPT LANGUAGE="JavaScript">
function createCode(len)
{
 var seed = new Array(
    'abcdefghijklmnopqrstuvwxyz',
    'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
    '0123456789'
   );               //創(chuàng)建需要的數(shù)據(jù)數(shù)組
 var idx,i;
 var result = '';   //返回的結(jié)果變量
 for (i=0; i<len; i++) //根據(jù)指定的長(zhǎng)度
 {
  idx = Math.floor(Math.random()*3);  
//獲得隨機(jī)數(shù)據(jù)的整數(shù)部分-獲取一個(gè)隨機(jī)整數(shù)
  result += seed[idx].substr(Math.floor(Math.random()*(seed[idx].length)), 1);
//根據(jù)隨機(jī)數(shù)獲取數(shù)據(jù)中一個(gè)值
 }
 return result;  //返回隨機(jī)結(jié)果
}
</SCRIPT>
</HEAD>
<BODY>
驗(yàn)證碼長(zhǎng)度：
<SELECT id="sel">
<option value=1>1</option>
<option value=3>3</option>
<option value=5>5</option>
<option value=7 selected>7</option>
<option value=9>9</option>
</SELECT>
<BR>
生成：
<INPUT TYPE="text" id="txtCode">
<INPUT TYPE="button" VALUE="生成" 
ONCLICK="txtCode.value=createCode(sel.value)">
</BODY>
</HTML>

【運(yùn)行效果】

JavaScript生成驗(yàn)證碼(一)運(yùn)行效果

【難點(diǎn)剖析】

本例的難點(diǎn)就是兩個(gè)數(shù)學(xué)方法：“Math．random()”和“Math．floor()”?！癕ath．ralldom()”產(chǎn)生0～l之間的隨機(jī)數(shù)，而“Math．floor（）”是獲得一個(gè)數(shù)的整數(shù)部分，而不是四舍五入的整數(shù)。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：JavaScript生成驗(yàn)證碼(一) 進(jìn)行本實(shí)例源碼下載

標(biāo)簽： JavaScript 驗(yàn)證