微客导航 » 文章资讯 » jQuery实现一个简单的验证码功能

jQuery实现一个简单的验证码功能

2024-02-18 00:14:03 351

在学习jQuery过程中，写的一个简单的验证码的小例子，记载下来，方便以后借鉴补充，源码如下：






div{
background-color:blue;
width:200px;
height:100px;
font-size:35px;
}



$(document).ready(function(){
//我写的验证码
//验证码
varcode;
functioncreateCode(){
code='';//首先默认code为空字符串
varcodeLength=4;//设置长度，这里看需求，我这里设置了4
varcodeV=$("div");
//设置随机字符
varrandom=newArray(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(vari=0;i请输入验证码");
}elseif(oValue!=code){
$("#l1").html("验证码不正确，请重新输入");
oValue="";
createCode();
}else{
$("#l1").html("验证码正确");
}
});
});




请输入验证码：
点击验证

返回顶部
3162201930
czq8825@qq.com

jQuery实现一个简单的验证码功能

热门推荐

随机推荐