JavaScript 實現驗證碼功能

時間 2020-08-26

標籤 javascript 實現驗證碼功能欄目 JavaScript 简体版

原文原文鏈接

1.編寫用戶登陸界面

根據須要自行完成，參見用戶註冊與登陸設計。javascript

2.編寫實現驗證碼JavaScript腳本

<head>java

var code ; //在全局定義驗證碼jsp

function createCode(){ //產生驗證碼函數ide

code = new Array();函數

var codeLength = 4;//驗證碼的長度post

var checkCode = document.getElementById("checkCode");spa

checkCode.value = "";設計

var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');code

for(var i=0;i<codeLength;i++) {

var charIndex = Math.floor(Math.random()*32);

code +=selectChar[charIndex];

}

if(code.length != codeLength){

createCode();

}

checkCode.value = code;

}

</script>

</head>

3.實現驗證輸入驗證碼是否正確

function validate () {//肯定輸入的驗證碼是否正確

var inputCode = document.getElementById("input1").value.toUpperCase();

if(inputCode.length <=0) {

alert("請輸入驗證碼！"); ////驗證是否輸入驗證碼

return false;

}

else if(inputCode != code ){

alert("驗證碼輸入錯誤！"); //覈實驗證碼

createCode();

return false;

}

else {

form_submit();

return true;

}

</script>

4.頁面實現驗證碼功能

<label>用戶名：

</label>

</div>

<label>密　碼：

</label>

</div>

<label>驗證碼：

</div>

</div>

</div>

</form>

</body>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。