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 相关文章推荐
javascript实现C语言经典程序题
Nov 29 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
在JavaScript中对HTML进行反转义详解
May 18 Javascript
jQuery插件简单学习实例教程
Jul 01 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
js模拟百度模糊搜索的实例
Aug 04 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
js中Generator函数的深入讲解
Apr 07 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 Javascript
一篇文章掌握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获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
2017/02/23 Javascript
详解webpack+angular2开发环境搭建
2017/06/28 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
Vue 2.0双向绑定原理的实现方法
2019/10/23 Javascript
python 循环遍历字典元素的简单方法
2016/09/11 Python
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
win8下python3.4安装和环境配置图文教程
2018/07/31 Python
python实现简单图片物体标注工具
2019/03/18 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
python实现加密的方式总结
2020/01/19 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
在Matplotlib图中插入LaTex公式实例
2020/04/17 Python
Python 跨.py文件调用自定义函数说明
2020/06/01 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
魅力惠奢品线上平台:MEI.COM
2016/11/29 全球购物
美国餐厅用品和厨房设备批发网站:KaTom Restaurant Supply
2018/01/27 全球购物
学校春季防火方案
2014/06/08 职场文书
中国梦读书活动总结
2014/07/10 职场文书
普通党员对照检查材料
2014/08/28 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
“学党章、守党纪、讲党规”学习心得体会
2016/01/14 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
职场干货:简历中的自我评价应该这样写!
2019/05/06 职场文书