JS驗證不重復驗證碼
更新時間：2017年02月10日 10:09:03 作者：完美續(xù)航
本文主要介紹了JS驗證不重復驗證碼的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧
話不多說，請看代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>不重復驗證碼</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('驗證成功');
}else{
alert('驗證失敗');
}
}
$useId.onclick = getStr;
$btn.onclick = checkCode;
</script>
</body>
</html>
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)文本框?qū)挾茸赃m應文本寬度的方法,可實現(xiàn)根據(jù)文本框內(nèi)容動態(tài)改變寬度的功能,涉及javascript動態(tài)操作頁面元素屬性的技巧,需要的朋友可以參考下2015-08-08
基于JavaScript實現(xiàn)抽獎系統(tǒng)
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)抽獎系統(tǒng)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
用 javascript 實現(xiàn)的點擊復制代碼，需要的朋友可以參考一下2007-03-03
本文為大家介紹下js如何獲取location.href的參數(shù)，需要注意的是去掉參數(shù)里最開頭的?號，具體實現(xiàn)如下，有需要的朋友可以參考下，希望對大家有所幫助2013-08-08
卡拉 OK 字幕效果...2006-08-08
javascript while語句和do while語句的區(qū)別分析
這篇文章通過實例代碼較詳細的給大家介紹了javascript while語句和do while語句的區(qū)別，感興趣的朋友一起看看吧2007-12-12
使用Webpack壓縮與轉(zhuǎn)譯JavaScript代碼的操作方法
在Web開發(fā)中,代碼的性能和加載時間是用戶體驗的重要組成部分,為此,將JavaScript代碼壓縮和優(yōu)化是發(fā)布前一個必不可少的步驟,所以本文給大家介紹了如何使用Webpack壓縮與轉(zhuǎn)譯JavaScript代碼,需要的朋友可以參考下2024-05-05
在Web項目的開發(fā)中,js,css文件會隨著項目的開發(fā)變得越來越多,越來越大,這就給給性能方面帶來一些問題;解決該問題的一個好的方法就是合并js,css文件需要了解的朋友可以參考下2012-12-12
詳解微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs
這篇文章主要介紹了微信小程序獲取session_key,openid,unionid的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
JS基于遞歸算法實現(xiàn)1,2,3,4,5,6,7,8,9倒序放入數(shù)組中的方法
這篇文章主要介紹了JS基于遞歸算法實現(xiàn)1,2,3,4,5,6,7,8,9倒序放入數(shù)組中的方法,涉及JS遞歸算法操作數(shù)組實現(xiàn)排序功能的相關(guān)技巧,需要的朋友可以參考下2017-01-01