您现在的位置是:首页 > 前端开发 > jquery

jquery- 图像滑动验证码jQuery插件

admin2019-01-12jquery 人已围观

简介jquery- 图像滑动验证码jQuery插件,verify.js是一款功能强大的jquery验证码插件。verify.js可以实现普通的图形验证码,数字验证码,滑动验证码和点选验证码等多种验证码功能。

verify.js是一款功能强大的jquery验证码插件。verify.js可以实现普通的图形验证码,数字验证码,滑动验证码和点选验证码等多种验证码功能。

效果图:


 


使用方法:
在页面中引入verify.css和jquery、verify.js。

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


HTML结构
使用一个<div>来作为验证码的HTML结构:

<div id="mpanel" ></div>
 

初始化插件

各种类型的验证码的初始化方法有所差异,例如滑动验证码的初始化方法如下:
 

 
$('#mpanel4').slideVerify({
type : 2,   //类型
vOffset : 5,  //误差量,根据需求自行调整
vSpace : 5, //间隔
imgName : ['1.jpg', '2.jpg'],
imgSize : {
width: '400px',
height: '200px',
},
blockSize : {
width: '40px',
height: '40px',
},
barSize : {
width : '400px',
height : '40px',
},
ready : function() {
},
success : function() {
alert('验证成功,添加你自己的代码!');
//......后续操作
},
error : function() {
//              alert('验证失败!');
}

});
 
 

 

下载:

jquery验证组件.zip
cf8e40678d5821d8efb77341aa68acb5.zip (164.06 KB)

该插件来自于创客云https://www.22vd.com/34920.html

很赞哦!122

文章评论

      匿名评论
    • 评论
    人参与,条评论

站点信息

  • 建站时间:2018-12-23
  • 网站程序:帝国CMS7.5
  • 文章统计: 183
  • 文章评论:490条
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们