您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“javascript如何實(shí)現(xiàn)四位隨機(jī)驗(yàn)證碼”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“javascript如何實(shí)現(xiàn)四位隨機(jī)驗(yàn)證碼”這篇文章吧。
javascript實(shí)現(xiàn)四位隨機(jī)驗(yàn)證碼的方法:首先通過(guò)“function random(max,min){...}”創(chuàng)建隨機(jī)數(shù);然后通過(guò)“function code(){...}”創(chuàng)建隨機(jī)四位驗(yàn)證碼;最后調(diào)用驗(yàn)證碼函數(shù)即可。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版,DELL G3電腦
javascript怎么實(shí)現(xiàn)四位隨機(jī)驗(yàn)證碼?
JS實(shí)現(xiàn)4位隨機(jī)驗(yàn)證碼
通過(guò)隨機(jī)數(shù)編寫一個(gè)不分大小寫且含數(shù)字的4位隨機(jī)數(shù)。
CSS樣式
p{ width: 60px; height: 20px; display: inline-block; letter-spacing: 3px; border: 1px solid red; } #p{ height: 20px; margin-bottom: 10px; } #btn,p:hover{ cursor: default; } button{ display: block; }
主體部分
<p id="box"> 驗(yàn)證碼 <input type="text" id="int" /> <p id="p"></p> <p id="p"></p> <button id="btn">提交</button> </p>
JS部分
//隨機(jī)數(shù) function random(max,min){ return Math.round(Math.random()*(max-min)+min); } //隨機(jī)4位驗(yàn)證碼 function code(){ //將數(shù)字、小寫字母及大寫字母輸入 var str="1234567890qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM"; //給一個(gè)空字符串 var res=''; //循環(huán)4次,得到4個(gè)字符 for(var i=0;i<4;i++){ //將得到的結(jié)果給字符串,調(diào)用隨機(jī)函數(shù),0最小數(shù),62表示數(shù)字加字母的總數(shù) res+=str[random(0,62)]; } p.innerHTML=res; } code(); //調(diào)用驗(yàn)證碼函數(shù) p.onclick=code; //點(diǎn)擊也可以刷新驗(yàn)證碼 //驗(yàn)證驗(yàn)證碼 btn.onclick=function(){ var int=document.getElementById("int").value;//獲取用戶輸入的值 var p=document.getElementById("p").innerText;//獲取驗(yàn)證碼 //判斷用戶輸入與驗(yàn)證碼的大寫一致(不分大小寫) if(int.toUpperCase()==p.toUpperCase()){ p.innerHTML="驗(yàn)證碼正確"; }else{ p.innerHTML="驗(yàn)證碼錯(cuò)誤"; } }
實(shí)現(xiàn)結(jié)果
以上是“javascript如何實(shí)現(xiàn)四位隨機(jī)驗(yàn)證碼”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。