JS實(shí)現(xiàn)隨機(jī)生成驗(yàn)證碼
更新時(shí)間：2021年09月06日 08:34:57 作者：秋風(fēng)不曾見過桃花
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)隨機(jī)生成驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了JS實(shí)現(xiàn)隨機(jī)生成驗(yàn)證碼的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
</head>
<body>
<div>
<h1>111111</h1><a href="#" rel="external nofollow" >看不清換一張</a>
</div>
驗(yàn)證碼：<input type="text" value="" />
<button>確定</button>
</body>
<script>
var arr = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z",
"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z",
0,1,2,3,4,5,6,7,8,9];
var h1=document.querySelector("h1");
var btn=document.querySelector("button");
var change=document.querySelector("a");
var input=document.querySelector("input");
function fn(){
var arr1=Math.floor(Math.random()*62);
var arr2=Math.floor(Math.random()*62);
var arr3=Math.floor(Math.random()*62);
var arr4=Math.floor(Math.random()*62);
var arr5=Math.floor(Math.random()*62);
var arr6=Math.floor(Math.random()*62);
var yz=""+arr[arr1]+arr[arr2]+arr[arr3]+arr[arr4]+arr[arr5]+arr[arr6];
h1.innerHTML=yz;
btn.onclick=function(){
alert(input.value);
if(input.value==yz){
alert("正確");
}else{
alert("錯(cuò)誤");
}
}
}
fn();
change.addEventListener("click",fn);
</script>
</html>
1、Math.floor(） 方法
Math.floor(x）
floor() 方法返回小于等于x的最大整數(shù)。
如果傳遞的參數(shù)是一個(gè)整數(shù)，該值不變。
2、Math.random()方法
random() 方法可返回介于 0（包含） ~ 1（不包含） 之間的一個(gè)隨機(jī)數(shù)。
使用以上兩種方法可以實(shí)現(xiàn)取隨機(jī)數(shù)的功能
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript面向?qū)ο笾薪涌趯?shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript面向?qū)ο笾薪涌趯?shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了javascript面向?qū)ο蠼涌诘母拍?、?shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
大家都知道要想讓 JavaScript 對(duì)用戶的操作作出響應(yīng)，首先要對(duì) DOM 元素綁定事件處理函數(shù)。所謂事件處理函數(shù)，就是處理用戶操作的函數(shù)，不同的操作對(duì)應(yīng)不同的名稱。下面這篇文章給大家詳細(xì)介紹了JavaScript中綁定事件的三種方式以及去除綁定的方法，有需要來一起看看吧。2016-11-11
這篇文章主要介紹了CKeditor4 字體顏色功能配置方法,結(jié)合圖文與實(shí)例的形式分析了CKeditor4 添加字體顏色擴(kuò)展功能的相關(guān)實(shí)現(xiàn)步驟與操作技巧,需要的朋友可以參考下2019-06-06
使用js實(shí)現(xiàn)關(guān)閉js彈出層的窗口
本篇文章主要是對(duì)使用js實(shí)現(xiàn)關(guān)閉js彈出層的窗口的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
javascript獲取以及設(shè)置光標(biāo)位置
本文介紹了javascript獲取以及設(shè)置光標(biāo)位置的方法，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
JavaScript設(shè)計(jì)模式之代理模式實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之代理模式,簡單描述了代理模式的概念、原理并結(jié)合實(shí)例形式分析了javascript代理模式的相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2019-01-01
使用egg.js實(shí)現(xiàn)手機(jī)、驗(yàn)證碼注冊的項(xiàng)目實(shí)踐
本文主要介紹了使用egg.js實(shí)現(xiàn)手機(jī)、驗(yàn)證碼注冊的項(xiàng)目實(shí)踐，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
javascript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之符號(hào)平衡問題
這篇文章主要介紹了javascript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之符號(hào)平衡問題,結(jié)合實(shí)例形式分析了javascript基于棧的形式實(shí)現(xiàn)對(duì)各種括號(hào)如<> {} [] ()等的匹配驗(yàn)證操作相關(guān)應(yīng)用技巧,需要的朋友可以參考下2017-04-04
默認(rèn)情況javascript是同步加載的,javascript的加載時(shí)阻塞的，后面的元素要等待javascript加載完畢后才能進(jìn)行再加載,如何解決這個(gè)問題呢,接下來將為你詳細(xì)介紹下異步加載js三種實(shí)現(xiàn)方案,感興趣的你可以參考下哈2013-03-03
這篇文章主要介紹了關(guān)于console.log的輸出語句如何使用問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02