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

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

移動(dòng)端

【實(shí)例名稱(chēng)】

【實(shí)例描述】

很復(fù)雜的驗(yàn)證碼會(huì)包含圖片、字體、文字和數(shù)字的變化。本例學(xué)習(xí)一種比較簡(jiǎn)單的靜態(tài)數(shù)字驗(yàn)證碼。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂(yōu)（denvermotorcycleaccidentlawyer.com）</title>
</head>
<body>
請(qǐng)輸入驗(yàn)證碼：<input type=text name=codeTxt size=4><script>
var num=Math.floor(Math.random()*8999)+1000     
//取4位隨機(jī)數(shù)
function txtTest()
{
if(document.all.codeTxt.value!=num)             
//如果用戶(hù)輸入的不正確
    alert("驗(yàn)證碼錯(cuò)誤！");
else
    alert("驗(yàn)證通過(guò)！");
return;
}
document.write(num)                             
//顯示隨機(jī)驗(yàn)證碼
</script>
<input type=button value="確認(rèn)" onclick="txtTest()"></body>
</html>

【運(yùn)行效果】

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

【難點(diǎn)剖析】

本例的重點(diǎn)是驗(yàn)證碼的生成。首先使用“Math．random()”方法生成一個(gè)o～l之間的隨機(jī)數(shù)，然后用此結(jié)果乘以8999便得到三位數(shù)的隨機(jī)數(shù)，再加1000便是標(biāo)準(zhǔn)的4位隨機(jī)數(shù)。

【源碼下載】

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

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