溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
JavaScript中怎么隨機生成驗證碼并進行校驗，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
<body>
<div class="v_code">
<div class="code_show">
<span class="code" id="checkCode"></span>
<a href="#" id="linkbt">看不清，換一張</a>
</div>
<div class="input_code">
<label for="inputCode">驗證碼：</label>
<input type="text" id="inputCode">
<span id="text_show"></span>
</div>
<input type="button" id="Button1" value="確認">
</div>
<script>
// 1.生成驗證碼
// 6位數 0-9 a-f 隨機生成6位 內容必須是0-9 a-f 字符串
// 數組 下標 0、1、2…… 從數組當中 隨機下標 0-15位
// 2.進行驗證 點擊確認時，進行對比
window.onload = function() {
const randomWord = () => {
let code = '';
for (var i = 0; i < 6; i++) {
var type = getRandom(1,3);
switch(type) {
case 1:
code += String.fromCharCode(getRandom(48,57)) // 數字
break;
case 2:
code += String.fromCharCode(getRandom(65,90)); //大寫字母
break;
case 3:
code += String.fromCharCode(getRandom(97,122)); //小寫字母
break;
}
}
return code;
}
function getRandom (min, max) {
return Math.round(Math.random()*(max-min)+min)
}
// 調用取數函數
const rand = randomWord();
//console.log(rand);
var checkCode = document.getElementById('checkCode');
checkCode.innerText = rand;
// 點擊切換隨機數
var linkbt = document.getElementById('linkbt');
linkbt.addEventListener('click', function() {
checkCode.innerText = randomWord();
})
// 提交進行對比
document.getElementById('Button1').onclick = function() {
var inputCode = document.querySelector('#inputCode');
if (inputCode.value != checkCode.innerText) {
alert('您輸入的驗證碼不正確');
inputCode.value = '';
return false;
} else {
alert('輸入正確');
}
}
}
</script>
</body>看完上述內容，你們掌握JavaScript中怎么隨機生成驗證碼并進行校驗的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
