var code; //在全局定義驗證碼
//產(chǎn)生驗證碼
window.onload = function createCode() {
code = "";
var codeLength = 4;//驗證碼的長度
var checkCode = document.getElementById("code");
var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, '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');//隨機數(shù)
for (var i = 0; i < codeLength; i++) {//循環(huán)操作
var index = Math.floor(Math.random() * 36);//取得隨機數(shù)的索引（0~35）
code += random[index];//根據(jù)索引取得隨機數(shù)加到code上
}
checkCode.value = code;//把code值賦給驗證碼
}
//校驗驗證碼
function confirm() {
var inputCode = document.getElementById("input").value.toUpperCase(); //取得輸入的驗證碼并轉化為大寫
if (inputCode.length <= 0) { //若輸入的驗證碼長度為0
alert("請輸入驗證碼！"); //則彈出請輸入驗證碼
}
else if (inputCode != code) { //若輸入的驗證碼與產(chǎn)生的驗證碼不一致時
alert("驗證碼輸入錯誤！"); //則彈出驗證碼輸入錯誤
createCode();//刷新驗證碼
document.getElementById("input").value = "";//清空文本框
}
else { //輸入正確時
alert("輸入正確"); //彈出
}
}

轉載于:https://www.cnblogs.com/0280-hnn/p/7264459.html

總結

以上是生活随笔為你收集整理的产生验证码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。