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

轉(zhuǎn)載于:https://www.cnblogs.com/0280-hnn/p/7264459.html

總結(jié)

以上是生活随笔為你收集整理的产生验证码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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