JQuery 验证码插件

JQuery 验证码插件

网址： https://veui.net/

想要用这个插件，首先先到官网下载压缩包，解压后放到你的项目中
然后就是引用（网站里面都有介绍）

具体操作：

引入资源
常规验证码需要引入两种资源：JS, CSS

引入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>

Html构建
需要一个显示验证码的容器和一个按钮，按钮根据项目实际情况进行调整。

	<div id="mpanel1" ></div>

确定的按钮，id名称在初始化时使用

	<button id="check-btn" class="verify-btn">确定</button>

Verify初始化
初始化设置参数

	$('#mpanel1').codeVerify({
	
	//常规验证码type=1， 运算验证码type=2
	type : 1,
	//验证码宽度
	width : '400px',
	//验证码高度
	height : '50px',
	//......更多参数设置请查阅文档
	//提交按钮的id名称
	btnId : 'check-btn',
	
	//验证成功以后的回调
	success : function() {
	alert('验证匹配！');
	}
	});成功运行

完成上面几步就可成功运行。

这个网站总共有5种类型的验证码，想要哪一种直接引用，改一下type类型就可以了
详情请看文档手册