jquery实现登录失败提示_浅谈jQuery的verify验证码
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验证码相关推荐
- 第三方登录mysql表_浅谈数据库用户表结构设计,第三方登录
说起用户表,大概是每个应用/网站立项动工(码农们)考虑的第一件事情.用户表结构的设计,算是整个后台架构的基石.如果基石不稳,待到后面需求跟进了发现不能应付,回过头来反复修改用户表,要大大小小作改动的地 ...
- php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
- 浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别
举例浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别 demo Dom结构: <di ...
- 浅谈jQuery Mobile设计思想
来自51CTO技术社区:http://mobile.51cto.com/others-288591.htm jQuery Mobile设计思想是本文要介绍的内容,主要是来了解jQuery Mobile ...
- js首次修改html无效,浅谈jQuery添加的HTML,JS失效的问题
浅谈jQuery添加的HTML,JS失效的问题 如下图所示, 点击添加后,会新添加一行,但是二级联动就失效了, $('.provinceList').live('change', function() ...
- 开机登录失败 提示user profile service服务未能登录,无法加载用户配置文件
开机登录失败 提示"user profile service服务未能登录,无法加载用户配置文件" 问题解决办法 [问题描述] Windows系统开机后,在用户登录界面输入密码无法正 ...
- 《计算机辅助教学及应用实践研究》,《论文_浅谈计算机辅助教学(定稿)》
<论文_浅谈计算机辅助教学(定稿)> (3页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分 摘要:计算机辅助教学中要用到多媒体课件 ...
- 浅谈jQuery属性获取
浅谈jQuery的属性获取 基本标签设置与基本css,附图下所示 上述代码如下图: 一.js的一些属性获取 1.var div = document.getElementById("firs ...
- python判断两个对象是否为相等使用的运算符是_Python入门_浅谈逻辑判断与运算符...
这是关于Python的第6篇文章,主要介绍下逻辑判断与运算符. (一) 逻辑判断: 如果要实现一个复杂的功能程序,逻辑判断必不可少.逻辑判断的最基本标准:布尔类型. 布尔类型只有两个值:True和Fa ...
最新文章
- 【转载】Pytorch在加载模型参数时指定设备
- Android动态加载技术
- 表的插入、更新、删除、合并操作_20_通过表关联删除多张表
- C语言 第五章 选择结构 答案,c语言第五章 选择结构程序设计(习题册答案).doc
- Byobu:打造多任务的Terminal
- 大话RabbitMQ 基础入门
- javascript flash 弹框
- [Python爬虫] 之二十五:Selenium +phantomjs 利用 pyquery抓取今日头条网数据
- 趋势OFFICESCAN忘记卸载密码时如何卸载客户端
- 计算机上数字代表那个音符,音符时值
- css鼠标划出动画(transition属性详解)
- 11G新特性 -- archival(long-term)backups
- 使用脚本批量上传内购商品
- docker 搭建在线vscode编辑器
- 一个小的UGM的Demo
- Python 英文文本字母跳转概率统计
- Python版本与Matlab版本的对应关系
- 软件测试工程师笔试题带答案(二)
- 技术员常用的工具晨枫U盘维护工具V2.0版
- SAS语句-输出-OUTPUT
热门文章
- 实战tkinter图形界面开发_如何进行简单的图形开发?
- 关于c++静态类的说法
- matlab 矩阵加减乘除运算
- python调用系统api_Python调用系统底层API播放wav文件的方法
- css不换行属性_前端 | css display:flex 的六个属性你知道吗
- R-CNN 《Rich Feature Hierachies for Accurate Object Detection and Semantic Segmentation》论文笔记
- linux脚本中怎么直接替换,linux-如何快速替换IP
- c# 收取邮件 解析,C#电子邮件主题解析
- if condition 大于_条码打印软件之脚本编程的应用(if语句)
- iis url重写 域名跳转子目录_逐浪CMS小哥整理IIS设置URL重写,实现页面的跳转的重定向方法...