JS驗(yàn)證不重復(fù)驗(yàn)證碼
話不多說(shuō),請(qǐng)看代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>不重復(fù)驗(yàn)證碼</title> <style> .cont{width:300px;height:auto;margin:50px auto;} #useId{width:120px;height:45px;line-height:45px;background:#ccc;text-align:center;font-size:20px;margin:10px;} </style> </head> <body> <div class="cont"> <div id="useId"></div> <input type="text" id="txt" /> <input type="button" id="btn" value="Start" /> <div> <script> function $(id){ return document.getElementById(id); } var $useId = $('useId'), $txt = $('txt'), $btn = $('btn'); function getStr(){ var string = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789', str = ''; while(str.length < 6){ var str1 = string.charAt(Math.round(Math.random() * 56)); if(str.indexOf(str1) === -1){ str += str1; } } $useId.innerHTML = str; } function checkCode(){ if($txt.value == $useId.innerHTML){ alert('驗(yàn)證成功'); }else{ alert('驗(yàn)證失敗'); } } $useId.onclick = getStr; $btn.onclick = checkCode; </script> </body> </html>
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
- JS實(shí)現(xiàn)用戶注冊(cè)時(shí)獲取短信驗(yàn)證碼和倒計(jì)時(shí)功能
- JS實(shí)現(xiàn)表單驗(yàn)證功能(驗(yàn)證手機(jī)號(hào)是否存在,驗(yàn)證碼倒計(jì)時(shí))
- JavaScript生成驗(yàn)證碼并實(shí)現(xiàn)驗(yàn)證功能
- JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼
- JS制作圖形驗(yàn)證碼實(shí)現(xiàn)代碼
- js實(shí)現(xiàn)發(fā)送驗(yàn)證碼后的倒計(jì)時(shí)功能
- js生成驗(yàn)證碼并直接在前端判斷
- 純js實(shí)現(xiàn)重發(fā)驗(yàn)證碼按鈕倒數(shù)功能
- js生成的驗(yàn)證碼的實(shí)現(xiàn)與技術(shù)分析
- js實(shí)現(xiàn)簡(jiǎn)單的驗(yàn)證碼
相關(guān)文章
浮動(dòng)的div自適應(yīng)居中顯示的js代碼
這篇文章主要介紹了浮動(dòng)的div自適應(yīng)居中顯示的js代碼,有需要的朋友可以參考一下2013-12-12微信小程序點(diǎn)擊圖片實(shí)現(xiàn)長(zhǎng)按預(yù)覽、保存、識(shí)別帶參數(shù)二維碼、轉(zhuǎn)發(fā)等功能
這篇文章主要介紹了微信小程序點(diǎn)擊圖片實(shí)現(xiàn)長(zhǎng)按預(yù)覽、保存、識(shí)別帶參數(shù)二維碼、轉(zhuǎn)發(fā)等功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07JS 進(jìn)度條效果實(shí)現(xiàn)代碼整理
進(jìn)度條效果實(shí)現(xiàn)代碼,有助于緩解頁(yè)面顯示慢的頁(yè)面,給用戶一個(gè)等待時(shí)間的效果2011-05-05JavaScript Event學(xué)習(xí)第五章 高級(jí)事件注冊(cè)模型
在這一章我會(huì)講解兩種高級(jí)時(shí)間注冊(cè)模型:W3C和微軟的。因?yàn)檫@兩個(gè)方法都不能跨瀏覽器,所以在現(xiàn)在看來(lái)他們的使用場(chǎng)合并不多。2010-02-02動(dòng)態(tài)更新highcharts數(shù)據(jù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇?jiǎng)討B(tài)更新highcharts數(shù)據(jù)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05不到200行 JavaScript 代碼實(shí)現(xiàn)富文本編輯器的方法
這篇文章主要介紹了不到200行 JavaScript 代碼實(shí)現(xiàn)富文本編輯器的方法,需要的朋友可以參考下2018-01-01前端React?Nextjs中的TS類型過(guò)濾實(shí)用技巧
今天就來(lái)介紹一個(gè)在其它開源庫(kù)中見到的既花里胡哨,又實(shí)用的TS類型——TS類型過(guò)濾,你會(huì)發(fā)現(xiàn)這些?TS騷操作真的很重要,因?yàn)樗芎芎玫貛椭阕鲮o態(tài)類型校驗(yàn)2022-04-04