在学习jQuery过程中,写的一个简单的验证码的小例子,记载下来,方便以后借鉴补充,源码如下:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; title> & lt;/title>
& lt;风格类型=" text/css "比;
div {
背景颜色:蓝色;
宽度:200 px;
身高:100 px;
字体大小:35 px;
}
& lt;/style>
& lt;脚本src=" https://www.yisu.com/jquery-1.8.0.js " type=" text/javascript祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞
$(文档)时函数(){//我写的验证码//验证码
var代码;
函数createCode () {
代码=";//首先默认代码为空字符串
var codeLength=4;//设置长度,这里看需求,我这里设置了4
var codeV=$ (" div ");//设置随机字符
var随机=new Array (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ' ', ' B ', ' C ', ' D ',‘E’,‘F’,‘G’,‘H’,‘我’,‘J’,‘K’,‘L’,‘米’,‘N’,‘O’,‘P’,‘问’,‘R’,‘S’,‘T’,‘你’,‘V’,‘W’,‘X’, ' Y ', ' Z ');
(var=0;我& lt;codeLength;我+ +){//循环codeLength我设置的4就是循环4次
var指数=Math.floor (math . random () * 36);//设置随机数范围,这设置为0 ~ 36
代码+=随机(指数);//字符串拼接将每次随机的字符进行拼接
}
codeV.text(代码);//将拼接好的字符串赋值给展示的价值
}//页面开始加载验证码
createCode ();//验证码Div加载点击事件
$ (" div ") .bind(“点击”,函数(){
createCode ();
}）;//下面就是判断是否==的代码,无需解释
$ (" # b1”) .bind(“点击”,函数(){
var oValue=https://www.yisu.com/zixun/$(" #三机一体").val () .toUpperCase ();
$ (" # l1 ") . html (" ");
如果(oValue https://www.yisu.com/zixun/==" ") {
$ (" # l1 ") . html (“& lt;字体颜色=昂焐痹谇胧淙胙橹ぢ? lt;/font>”);
}else if (oValue !=代码){
$ (" # l1 ") . html (“& lt;字体颜色=昂焐痹谘橹ぢ氩徽?请重新输入& lt;/font>”);
oValuehttps://www.yisu.com/zixun/=?
createCode ();
其他}{
$ (" # l1 ") . html (“& lt;字体颜色=袄丁痹谘橹ぢ胝? lt;/font>”);
}
}）;
}）;
& lt;/script>
& lt;/head>
& lt; body>
& lt; center>
& lt;标签祝辞请输入验证码:& lt;/label> & lt;输入类型=拔谋尽眎d=叭奔壑?"占位符=扒胧淙胙橹ぢ搿北?
& lt;按钮id=癰1”祝辞点击验证& lt;/button>
& lt; div> & lt;/div> & lt;标签id=發1祝辞& lt;/label>
& lt;/center>
& lt;/body>
& lt;/html>之前
