jQuery验证码插件verify

所属分类:输入-验证

 15022  175  查看评论 (47)
jQuery验证码插件verify ie兼容9

更新时间:2017/11/22 上午11:57:32

更新说明:多人反映有些低版本360浏览器(包括部分手机浏览器)不能正常显示验证码问题修复。


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.input.rule.js

这是一个文本框内容限制的方法,可以把用户输入的信息进行分类,然后进行判断,如果不符合,则提示错误。
  验证
 11145  36

jQuery canvas验证码

jQuery canvas验证码,简单实用注释全
  验证
 1901  28

简单易懂的jQuery表单验证插件

这是一款简单易懂的表单验证插件,没用使用任何多余的代码,使用时仅需引用jquery和jquery.validate.js
  验证
 9798  42

点击按钮获取验证码倒计时

这是一个基于jQuery的点击按钮获取验证码倒计时插件,这个插件在我们的开发中非常常用
  验证
 18224  107

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

    默本 0
    2018/4/28 9:02:36
    我复制的第一个普通验证为什么没有显示验证码啊??? 回复
    millo-jq22 0
    2018/4/24 13:57:25
    请问,验证正确后,如何重置验证码 回复
    空白格 0
    2018/4/2 17:20:00
    ReferenceError: jQuery is not defined[详细了解] verify.min.js:1:3
    TypeError: $(...).slideVerify is not a function[详细了解]
    这个报错
        快要渴死的鱼0
        2018/5/3 14:46:44
        换一个合适的jquery版本
    回复
    0
    2018/3/19 8:22:10
    slideVerify验证完成后怎么再回到初始状态啊? 回复
    tao120 0
    2018/3/12 11:06:53
    哪里可以看说明文档
    回复
    *岢?≈厩?* 0
    2018/2/1 17:42:58

    更多参数参阅文,文档呢,说明文档呢

    回复
    ? **** ? 0
    2018/1/29 23:09:56
    qzuser 0
    2018/1/25 11:42:52

    不兼容 我在angular 引用 就给我报错

    回复
    刘? 0
    2018/1/5 9:10:54

    我想请问一下,这个验证块可以改成那种拼图形状么?自己尝试改了一下,难度太大,没成功

    回复
    302四四 0
    2018/1/5 0:58:04

    你好,这个可以直接放在table里面用吗?

    回复
取消回复