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 相关文章推荐
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 Javascript
jquery的map与get方法详解
Nov 04 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
Dec 31 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
angular实现商品筛选功能
Feb 01 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
layui实现二维码弹窗、并下载到本地的方法
Sep 25 Javascript
vue中template的三种写法示例
Oct 21 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动态图像的创建
2006/10/09 PHP
PHP递归调用的小技巧讲解
2013/02/19 PHP
PHP数据类型的总结分析
2013/06/13 PHP
深入解析PHP内存管理之谁动了我的内存
2013/06/20 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
2014/08/25 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
PHP实现通过CURL上传文件功能示例
2018/05/30 PHP
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
dropload.js插件下拉刷新和上拉加载使用详解
2017/10/20 Javascript
Vue加载组件、动态加载组件的几种方式
2018/08/31 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
微信小程序如何使用canvas二维码保存至手机相册
2019/07/15 Javascript
JavaScript中break、continue和return的用法区别实例分析
2020/03/02 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
Python图形绘制操作之正弦曲线实现方法分析
2017/12/25 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
Django中的Signal代码详解
2018/02/05 Python
为什么Python中没有&quot;a++&quot;这种写法
2018/11/27 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
Python实现文件压缩和解压的示例代码
2020/08/12 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
主题教育活动总结
2014/05/05 职场文书
市场推广策划方案
2014/06/02 职场文书
药剂专业自荐书
2014/06/20 职场文书
早安问候语大全
2015/11/10 职场文书
python ConfigParser库的使用及遇到的坑
2022/02/12 Python