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 
        //......
}

猜你喜欢

转载自blog.csdn.net/Bambi12/article/details/84344815