js验证码插件verify

jQuery 验证码插件verify
jQuery 验证码插件verify演示和下载

一、verify的使用方法
1.引入资源

滑动验证码&拼图验证码&选字验证码需要引入两种资源：JS, CSS，别把images、fonts文件夹删除了（常规验证码见官网说明）。

<!--引入CSS-->
<link rel="stylesheet" type="text/css" href="css/verify.css">
 
<!--引入JQUERY-->
<script type="text/javascript" src="js/jquery.min.js"></script>
 
<!--引入JS-->
<script type="text/javascript" src="js/verify.min.js"></script>

2.Html构建

需要一个显示验证码的容器。

<div class="captcha-img" id="mpanel2">
</div>
<input type="hidden" id="valCode" value="">
<button type="button" id="check-btn" class="verify-btn">确定</button>

3.Verify初始化

初始化设置参数，滑动验证码&拼图验证码的标志slideVerify，选字验证码的标志pointsVerify。

	//图文验证码
	$('#mpanel2').codeVerify({
	    //滑动验证码type=1，拼图验证码type=2
	    type : 1,
	   	width : '100px',
	   	height : '32px',
	   	fontSize : '23px',
	   	codeLength : 4,
	   	btnId : 'check-btn',//验证按钮id，验证失败，会刷新验证码
	   	ready : function() {
	   	},
	   	success : function() {
	   	},
	   	error : function() {
	   	}
    });

二、verify资源包可点击此处下载