jQuery验证码插件verify

所属分类:输入-验证

 8807  143  查看评论 (41)
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({
	//......更多参数设置请查阅文档
});
相关插件-验证

基于ajax的登录效果

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

JQUERY form表单验证

easy将是一个系列的库 目前只有一个文件easyform,包含3个类,easytip : tooltip控件,支持灵活的配置。easyinput : 单个input验证控件easyform :表单验证控件
  验证
 127228  321

jQuery常用网站表单验证

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

jQuery验证插件check.js

不提供任何提示,仅提供配置的接口,通过回调的方式来进行
  验证
 3617  5

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

    *岢?≈厩?* 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里面用吗?

    回复
    JoviChin 0
    2018/1/3 17:06:23

    我这边出现了点问题,拖动验证,验证失败后,重新拖动,那个拖动块成了透明的了,不知道是哪里出问题了。如图:

        JoviChin0
        2018/1/3 17:18:35

        只有火狐是正常的,查了下,应该在css中

        .verify-bar-area .verify-left-bar {
        	overflow:visible!important;
        }

        加个这个就好了

    回复
    爱死寂寞人 0
    2018/1/3 10:58:09

    厉害,集成了多种验证方式,同时兼容了PC和移动端

    回复
    闫永昌cr 0
    2017/12/23 13:13:40
    杨鸿志 0
    2017/12/18 13:38:01

    请问能不能在提交表单时,弹出验证

    回复
    Isalpha 0
    2017/12/12 16:34:46
    遇到一些问题,模态对话框关闭或者密码输入错误,依旧保持着验证成功的状态。有无重置的验证状态的方法或者如何调用refresh方法。
        Hibear0
        2017/12/15 14:00:16
        看文档的success事件以后可以初始化
    回复
取消回复