1. 程式人生 > >Js 驗證碼

Js 驗證碼

隨機生成驗證碼
html:

驗證碼: <input type="text" id="tbxCode"><div id="imgCode" title="點選重新整理" onclick="createCode();"></div>(不區分大小寫)

js:

var code; //在全域性定義驗證碼
$(document).ready(function(){
   createCode();
});
//產生驗證碼
function createCode() {
     code = "";
     var codeLength = 4;//驗證碼的長度
     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');//隨機數
     for (var i = 0; i < codeLength; i++) {//迴圈操作
         var index = Math.floor(Math.random() * 36);//取得隨機數的索引(0~35)
         code += random[index];//根據索引取得隨機數加到code上
     }
     $("#imgCode").text(code);
 }
 //儲存時的驗證
function SaveFuc(){
	var tbxCode = $("#tbxCode").val();
        if (tbxCode == null || tbxCode == "" || tbxCode == undefined) {
            layer.alert("驗證碼不能為空!", {icon:7});
            return false;
        }
        if (tbxCode.toLowerCase() != code.toLowerCase()) {
            layer.alert("驗證碼錯誤!", { icon: 7 });
            return;
        }
        //coding 
        //......
}