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


1、普通验证码

就是所有英文字母和数字的组合,可以随意设置组合的位数


普通验证码

确定

$('#mpanel2').codeVerify({

type : 1,

width : '400px',

height : '50px',

fontSize : '30px',

codeLength : 6,

btnId : 'check-btn',

ready : function() {

},

success : function() {

alert('验证匹配!');

},

error : function() {

alert('验证码不匹配!');

}

});


2、数字计算验证码

算法,支持加减乘,不填为随机,仅在type=2时生效

$('#mpanel3').codeVerify({

type : 2,

figure : 100, //位数,仅在type=2时生效

arith : 0, //算法,支持加减乘,不填为随机,仅在type=2时生效

width : '200px',

height : '50px',

fontSize : '30px',

btnId : 'check-btn2',

ready : function() {

},

success : function() {

alert('验证匹配!');

},

error : function() {

alert('验证码不匹配!');

}

});


3、滑动滑块到最右侧完成验证


$('#mpanel1').slideVerify({

type : 1, //类型

vOffset : 5, //误差量,根据需求自行调整

barSize : {

width : '80%',

height : '40px',

},

ready : function() {

},

success : function() {

alert('验证成功,添加你自己的代码!');

//......后续操作

},

error : function() {

//alert('验证失败!');

}

});


4、拖动方块到空白处完成验证(图片)


$('#mpanel4').slideVerify({

type : 2, //类型

vOffset : 5, //误差量,根据需求自行调整

vSpace : 5, //间隔

imgName : ['1.jpg', '2.jpg','3.jpg','4.png','5.jpg'],

imgSize : {

width: '400px',

height: '200px',

},

blockSize : {

width: '40px',

height: '40px',

},

barSize : {

width : '400px',

height : '40px',

},

ready : function() {

},

success : function() {

alert('验证成功,添加你自己的代码!');

//......后续操作

},

error : function() {

// alert('验证失败!');

}

});


5、点选验证码(点击图片上的文字 按顺序)


$('#mpanel5').pointsVerify({

defaultNum : 4, //默认的文字数量

checkNum : 2, //校对的文字数量

vSpace : 5, //间隔

imgName : ['1.jpg', '2.jpg','3.jpg','4.png','5.jpg'],

imgSize : {

width: '600px',

height: '200px',

},

barSize : {

width : '600px',

height : '40px',

},

ready : function() {

},

success : function() {

alert('验证成功,添加你自己的代码!');

//......后续操作

},

error : function() {

// alert('验证失败!');

}

});


完整代码


jquery验证码插件verify.js

')

普通验证码

确定


数字计算验证码

确定


滑动验证码

滑动滑块到最右侧完成验证

拖动方块到空白处完成验证


点选验证码


提示:如果不需要在验证之后自动刷新验证码之后就可以注释掉verify.js文件的这个方法 this.setCode();

jquery实现登录失败提示_浅谈jQuery的verify验证码相关推荐

  1. 第三方登录mysql表_浅谈数据库用户表结构设计,第三方登录

    说起用户表,大概是每个应用/网站立项动工(码农们)考虑的第一件事情.用户表结构的设计,算是整个后台架构的基石.如果基石不稳,待到后面需求跟进了发现不能应付,回过头来反复修改用户表,要大大小小作改动的地 ...

  2. php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用

    之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...

  3. 浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别

    举例浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别 demo Dom结构: <di ...

  4. 浅谈jQuery Mobile设计思想

    来自51CTO技术社区:http://mobile.51cto.com/others-288591.htm jQuery Mobile设计思想是本文要介绍的内容,主要是来了解jQuery Mobile ...

  5. js首次修改html无效,浅谈jQuery添加的HTML,JS失效的问题

    浅谈jQuery添加的HTML,JS失效的问题 如下图所示, 点击添加后,会新添加一行,但是二级联动就失效了, $('.provinceList').live('change', function() ...

  6. 开机登录失败 提示user profile service服务未能登录,无法加载用户配置文件

    开机登录失败 提示"user profile service服务未能登录,无法加载用户配置文件" 问题解决办法 [问题描述] Windows系统开机后,在用户登录界面输入密码无法正 ...

  7. 《计算机辅助教学及应用实践研究》,《论文_浅谈计算机辅助教学(定稿)》

    <论文_浅谈计算机辅助教学(定稿)> (3页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分 摘要:计算机辅助教学中要用到多媒体课件 ...

  8. 浅谈jQuery属性获取

    浅谈jQuery的属性获取 基本标签设置与基本css,附图下所示 上述代码如下图: 一.js的一些属性获取 1.var div = document.getElementById("firs ...

  9. python判断两个对象是否为相等使用的运算符是_Python入门_浅谈逻辑判断与运算符...

    这是关于Python的第6篇文章,主要介绍下逻辑判断与运算符. (一) 逻辑判断: 如果要实现一个复杂的功能程序,逻辑判断必不可少.逻辑判断的最基本标准:布尔类型. 布尔类型只有两个值:True和Fa ...

最新文章

  1. 【转载】Pytorch在加载模型参数时指定设备
  2. Android动态加载技术
  3. 表的插入、更新、删除、合并操作_20_通过表关联删除多张表
  4. C语言 第五章 选择结构 答案,c语言第五章 选择结构程序设计(习题册答案).doc
  5. Byobu:打造多任务的Terminal
  6. 大话RabbitMQ 基础入门
  7. javascript flash 弹框
  8. [Python爬虫] 之二十五:Selenium +phantomjs 利用 pyquery抓取今日头条网数据
  9. 趋势OFFICESCAN忘记卸载密码时如何卸载客户端
  10. 计算机上数字代表那个音符,音符时值
  11. css鼠标划出动画(transition属性详解)
  12. 11G新特性 -- archival(long-term)backups
  13. 使用脚本批量上传内购商品
  14. docker 搭建在线vscode编辑器
  15. 一个小的UGM的Demo
  16. Python 英文文本字母跳转概率统计
  17. Python版本与Matlab版本的对应关系
  18. 软件测试工程师笔试题带答案(二)
  19. 技术员常用的工具晨枫U盘维护工具V2.0版
  20. SAS语句-输出-OUTPUT

热门文章

  1. 实战tkinter图形界面开发_如何进行简单的图形开发?
  2. 关于c++静态类的说法
  3. matlab 矩阵加减乘除运算
  4. python调用系统api_Python调用系统底层API播放wav文件的方法
  5. css不换行属性_前端 | css display:flex 的六个属性你知道吗
  6. R-CNN 《Rich Feature Hierachies for Accurate Object Detection and Semantic Segmentation》论文笔记
  7. linux脚本中怎么直接替换,linux-如何快速替换IP
  8. c# 收取邮件 解析,C#电子邮件主题解析
  9. if condition 大于_条码打印软件之脚本编程的应用(if语句)
  10. iis url重写 域名跳转子目录_逐浪CMS小哥整理IIS设置URL重写,实现页面的跳转的重定向方法...