當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JavaScript生成驗(yàn)證碼(二)

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

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

移動端

【實(shí)例名稱】

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

【實(shí)例描述】

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

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(yzddtk.cn)</title> </head> <body> 請輸入驗(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)             //如果用戶輸入的不正確     alert("驗(yàn)證碼錯誤!"); else     alert("驗(yàn)證通過!"); 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()”方法生成一個o~l之間的隨機(jī)數(shù),然后用此結(jié)果乘以8999便得到三位數(shù)的隨機(jī)數(shù),再加1000便是標(biāo)準(zhǔn)的4位隨機(jī)數(shù)。

【源碼下載】

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

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