简单的jQuery验证码插件jquery.idcode.js支持IE9

来源:https://www.sucaihuo.com/js/2792.html 2017-08-21 21:56浏览(1464) 收藏

一款简单的jQuery验证码插件jquery.idcode.js,本插件支持IE9浏览器,也支持大小写区分来验证,点击验证时返回的是true或false,jquery.idcode.js中的19行调整的是验证码的长度,47行可以修改区分大小写。
简单的jQuery验证码插件jquery.idcode.js支持IE9
分类:表单代码 > 验证码 难易:初级
查看演示 下载资源 下载积分: 20 积分

页面的head部分,需引入验证码样式文件、jQuery库和验证码插件,代码如下:

<link type="text/css" rel="stylesheet" href="css/jquery.idcode.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.idcode.js"></script>

页面的body部分,设置好输入框、验证码容器和验证按钮,代码如下:

<label class="lblVerification">验证码</label>
<input type="text" id="Txtidcode" class="txtVerification" />
<span id="idcode"></span>
<div>
	<button type="button" id="btns">点此验证</button>
</div>

页面的底部,需启用插件,设置好点击事件的响应,代码如下:

<script type="text/javascript">
$.idcode.setCode();
$("#btns").click(function (){
	var IsBy = $.idcode.validateCode(); 
	alert(IsBy);
	console.log(IsBy);
});
</script>
标签: 验证验证码
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2