jQuery Validation Plugin验证插件手动验证


Posted in Javascript onJanuary 26, 2016

jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法,并且对国际化也有很好的支持。

正常的验证模式如下:

<form id="ff" action="xxx"> 
... 
<input type="submit" value="提交"> 
</form> 
[java] view plaincopy在CODE上查看代码片派生到我的代码片
$('#ff').validate()

这样只要点击提交按钮,插件会自动进行验证.

但是有时候我们想要点击其它按钮来验证一下表单,接着根据表单的验证结果来做剩下的事情.

查看源码发现有个form()方法,这个方法就是进行验证操作,虽然方法字面意思不太相符.

然后我们就可以这样操作:

var validator;// 申明一个全局变量 
$(function(){ 
validator = $('#ff').validate();// 这句话会返回一个对象 
}) 
function add() { 
var b = validator.form();// 返回一个布尔值 
if(b){ // 验证成功 
// do add... 
} 
} 
<button onclick="add()">保存</button>

如果验证出错了,会显示错误信息,如果要清除错误信息可以调用validator.resetForm();方法

这样有了validator.form()和validator.resetForm()两个方法我们就可以灵活使用验证插件了.

验证字段

required ?必填字段

remote ? 远程验证

minlength ? 最小长度验证

maxlength ? 最大长度验证

rangelength ? 长度范围验证

min ? 最小值验证

max ? 最大值验证

range ? 范围值验证

email ? 邮件地址验证

url ? URL地址验证

date ?日期验证

dateISO ?ISO 日期格式验证

number ?十进制数验证

digits ?数字验证

creditcard ? 信用卡号验证

equalTo ?和另外一个文本框的值相等验证

Javascript 相关文章推荐
JQuery与iframe交互实现代码
Dec 24 Javascript
jquery中$.post()方法的简单实例
Feb 04 Javascript
JS嵌套函数调用上下文的问题解决
Mar 26 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 Javascript
JS实现消息来时让网页标题闪动效果的方法
Apr 20 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
layui-laydate时间日历控件使用方法详解
Nov 15 Javascript
vue如何获取自定义元素属性参数值的方法
May 14 Javascript
JS实现打砖块游戏
Feb 14 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
Jul 28 Javascript
vue 中 get / delete 传递数组参数方法
Mar 23 Vue.js
一篇文章掌握RequireJS常用知识
Jan 26 #Javascript
JS正则表达式比较常见用法
Jan 26 #Javascript
WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
Jan 26 #Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 #Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 #Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
Jan 26 #Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 #Javascript
You might like
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
thinkPHP内置字符串截取函数用法详解
2016/11/15 PHP
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
jQuery中after的两种用法实例
2013/07/03 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
JavaScript匿名函数与委托使用示例
2014/07/22 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
jQuery事件用法详解
2016/10/06 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
2017/11/29 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
ES6函数和数组用法实例分析
2020/05/23 Javascript
[00:26]TI7不朽珍藏III——冥界亚龙不朽展示
2017/07/15 DOTA
zookeeper python接口实例详解
2018/01/18 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
ansible-playbook实现自动部署KVM及安装python3的详细教程
2020/05/11 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
python 制作简单的音乐播放器
2020/11/25 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
生物技术专业毕业生求职信范文
2013/12/14 职场文书
竞聘书怎么写,如何写?
2014/03/31 职场文书
公司保洁员岗位职责
2015/02/13 职场文书
同意离婚答辩状
2015/05/22 职场文书
2015年中职班主任工作总结
2015/05/25 职场文书
《狼牙山五壮士》读后感:宁死不屈,视死如归
2019/08/16 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书
Vue Element plus使用方法梳理
2022/12/24 Vue.js