<>强效果图:
<强>代码如下:
& lt; !doctype html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> Document
& lt;风格类型=" text/css "比;
#{代码
宽度:80 px;
高度:30 px;
字体大小:20 px;
字体类型:Arial;
字体样式:斜体;
粗细:大胆的;
边界:0;
字母间距:2 px;
颜色:蓝色;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div>
& lt;输入类型="文本" id="输入"/比;
& lt;输入类型="按钮" id=按搿?比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/验证" id="检查"/比;
& lt;/div>
& lt;脚本type=" text/javascript " src=" http://libs.baidu.com/jquery/2.0.0/jquery.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞
函数改变(){
代码=$(" #代码”);//验证码组成库
var=new Array(数组
' 1 ',' 2 ',' 3 ',' 4 ',' 5 ',' 6 ',' 7 ',' 8 ',' 9 ',' 0 ',
' a ', ' b ', ' c ', ' d ',‘e’,‘f’,‘g’,‘h’,‘我’,“j”,
‘k’,‘l’,‘米’,‘n’,‘o’,‘p’,‘问’,‘r’,‘s’,‘t’,
‘你’,‘v’,‘w’,‘x’,‘y’,“z”,
' A ', ' B ', ' C ', ' D ',‘E’,‘F’,‘G’,‘H’,‘我’,“J”,
‘K’,‘L’,‘米’,‘N’,‘O’,‘P’,‘问’,‘R’,‘S’,‘T’,
‘你’,‘V’,‘W’,‘X’,‘Y’,“Z”
）；
代码=";//重新初始化验证码
(var=0;i<4;我+ +){//随机获取一个数组的下标
var r=方法(math . random () * arrays.length);
码+=阵列[r];
}//验证码添加到输入里
code.val(编码);
}
改变();
code.click(改变);//单击验证
$(" #检查”).click(函数(){
var inputCode=$(" #输入”).val () .toUpperCase ();//取得输入的验证码并转化为大写
console.log (inputCode);
如果(inputCode。长度==0){//若输入的验证码长度为0
警报(“请输入验证码!”);//则弹出请输入验证码
}
else if (inputCode !=codes.toUpperCase()){//若输入的验证码与产生的验证码不一致时
alert("验证码输入错误!请重新输入”);//则弹出验证码输入错误
改变();//刷新验证码
$(" #输入”).val(" ");//清空文本框
其他}{//输入正确时
alert("正确”);//弹出^ - ^
}
}）;
& lt;/script>
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
