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 相关文章推荐
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
javascript判断chrome浏览器的方法
Mar 26 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
node.js中的fs.appendFileSync方法使用说明
Dec 17 Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
Jun 24 Javascript
简单实现JS计算器功能
Dec 21 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
Aug 17 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
Nov 13 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
Oct 24 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
一篇文章掌握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制作图型计数器的例子
2006/10/09 PHP
PHP下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
PHP实现发送微博消息功能完整示例
2019/12/04 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
window.requestAnimationFrame是什么意思,怎么用
2013/01/13 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
浅谈Redux中间件的实践
2018/07/27 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
[02:49:21]2019完美盛典全程录像
2019/12/08 DOTA
Python实现的购物车功能示例
2018/02/11 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
python随机生成大小写字母数字混合密码(仅20行代码)
2020/02/01 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
python爬虫请求头设置代码
2020/07/28 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
基于Html5实现的react拖拽排序组件示例
2018/08/13 HTML / CSS
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
给老婆的保证书范文
2014/04/28 职场文书
教师工作表现自我评价
2015/03/05 职场文书
春季运动会加油词
2015/07/18 职场文书
家庭教育培训学习心得体会
2016/01/14 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL