jQuery验证码插件verify

所属分类:输入-验证

jQuery验证码插件verify ie兼容9

verify使用方法

引入资源

滑动验证码&拼图验证码&选字验证码需要引入两种资源: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>

Html构建

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

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

Verify初始化

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

//这里的初始化是滑动&拼图的标志slideVerify
$('#mpanel1').slideVerify({
    //滑动验证码type=1,拼图验证码type=2
    type : 1,
    
    //拼图验证码或选择验证码图片名称
    imgName : ['1.jpg', '2.jpg'],
    
    //拼图验证码的图片尺寸
    imgSize : {
    	width: '400px',
    	height: '200px',
    }
    
    //......更多参数设置请查阅文档

    //验证成功以后的回调
    success : function() {
    	alert('验证匹配!');
    }
    
});

//选字验证码的标志pointsVerify
$('#mpanel1').pointsVerify({
	//......更多参数设置请查阅文档
});
相关插件-验证

jQuery登录注册验证

jQuery用户注册表单验证代码
  验证
 19916  72

jquery注册验证插件Ideal Forms

Ideal forms,这个表单美化架构简单,基于jQuery框架,能够帮助web开发人员快速创建漂亮和界面友好的表单组件。
  验证
 35104  58

基于ajax的登录效果

这是一个机遇ajax的登录效果,登陆过程无跳转。
  验证
 16083  100

jQuery常用网站表单验证

可用于用户注册,网站留言等,有正在输入提示和失去焦点自动正则验证输入框内容
  验证
 4418  31

讨论这个项目(20)回答他人问题或分享插件使用方法奖励jQ币

    刘? 0
    2017/11/21 14:53:36
    怎么看不到第一条评论。。再发一下下载了一下,非常好用,多谢楼主的分享。有个问题想问一下楼主,就是滑动&拼图的标志slideVerify,这个图片我想加的话是继续按照数字命名就行了么?还是只能两张?
        Hibear0
        2017/11/21 15:17:57

        这个图片是支持你自定义的,看官网的文档手册=》拼图验证码=》imgName,如:imgName : ['1.jpg', '2.jpg']。这里面你自己添加图片名称就可以了,不是非要数字命名。另外喜欢的话抽空在github上来给我颗star吧,因为我还准备要针对安全性进行优化,有你们的鼓励不至于让我沉沦在王者农药和绝地求生的泥沼里!

        Hibear0
        2017/11/21 15:34:16

        还有你可以添加多张,而不仅仅是两张哦

        刘?0
        2017/11/21 16:56:38

        star已给,多谢了

        Hibear0
        2017/11/21 16:58:53

        赞!

    回复
    舒帅丶 0
    2017/11/18 3:26:28

    发现一个问题,用手机来浏览时,不能显示验证码和输入框,求解决

        Hibear0
        2017/11/20 8:47:29

        是什么型号的手机?什么浏览器?

        Hibear0
        2017/11/20 10:56:11
        git或官网下最新的verify.js或verify.min.js替换,你看下应该解决了你的问题
    回复
    Mrsai 0
    2017/11/9 13:48:04

    请问验证通过之后 如需初始化验证 该怎么写

        Hibear0
        2017/11/9 14:56:40
        1.到官网或者git上下载最新的verify.js或verify.min.js;2.在官网中的文档手册查看关于success以后的初始化方法。
    回复
    WangXingWeb 0
    2017/11/8 14:31:42
    lxlon 0
    2017/11/8 11:56:23
    滑动拼图那一块只能是正方形?
        Hibear0
        2017/11/8 15:11:20
        ...还可以是长方形...这个不足后期优化,谢谢宝贵意见
    回复
    JoviChin 0
    2017/11/6 10:30:48

    为何作者刚发出来的时候,查看演示可以,没问题,为何过了几小时,查看演示就出错,有问题了?

        Hibear0
        2017/11/6 10:51:53
        什么错误?我查看演示没有报错,你清除浏览器缓存试一试。
        众泰纽约联合总部0
        2017/11/6 10:52:50

        我这里看一切正常。

        JoviChin0
        2017/11/6 14:20:26

        好奇怪,我这里就看不到演示,错误如下

        verify.js:668 Uncaught ReferenceError: Invalid left-hand side in assignment

        www.jq22.com/:52 Uncaught TypeError: $(...).codeVerify is not a function

        JoviChin0
        2017/11/6 15:06:17

        发现360浏览器会出现这个问题,火狐就没问题,IE-EDGE也不会,奇怪

        Hibear0
        2017/11/6 15:13:43
        我这边是360 9.1版本,极速模式和兼容模式都可以运行,兼容模式是ie9内核,你看下你的360版本和什么模式,以及是ie几的内核
        JoviChin0
        2017/11/7 9:07:16

        升级了360浏览器版本之后,可以了

    回复
取消回复