jquery.validate使用攻略 第三部


Posted in Javascript onJuly 01, 2010

1: 自定义表单提交

设置submitHandler来自定义表单提交动作

$(".selector").validate({
submitHandler: function(form) { alert("验证通过"); }
});

如果需要提交表单,可以调用
form.submit(); 或者$(form).ajaxSubmit();

2: 调试模式

将debug设置为true,表单不会提交,只进行检查,方便调试

$(".selector").validate({
debug: true
})

3: 设置validate的默认值

使用setDefaults可以设置validate的默认值,比如默认所有表单验证都是在debug模式下进行

$.validator.setDefaults({
debug: true
})

4: 某些元素不验证

设置ignore属性可以忽略某些元素不验证

$(".selector").validate({
ignore: "ignore"
})

5: 验证时机

jquery.validate可以很方便的设置在什么时候触发验证动作

onsubmit: 提交时是否验证

$(".selector").validate({
onsubmit: false
})

onfocusout: 失去焦点时验证(checkboxes/radio除外)

$(".selector").validate({
onfocusout: false
})

onkeyup: 在keyup时验证

$(".selector").validate({
onkeyup: false
})

onclick: 在checkboxes、radio点击时验证.

$(".selector").validate({
onclick: false
})

6: 重写验证规则和验证提示信息

//重写max的的验证提示信息
$.validator.messages.max = jQuery.format("Your totals musn't exceed {0}!");

//重写equal方法
$.validator.methods.equal = function(value, element, param) {
return value == param;
};

7: focusInvalid 是否把焦点聚焦在最后一个动作或者最近的一次出错上

$(".selector").validate({
focusInvalid: false
})

8: focusCleanup

如果该属性设置为True, 那么控件获得焦点时,移除出错的class定义,隐藏错误信息,避免和 focusInvalid.一起用。

$(".selector").validate({
focusCleanup: true
})

9: meta

设置meta来封装验证规则

$(".selector").validate({
meta: "validate",
})

Javascript 相关文章推荐
javascript 解析后的xml对象的读取方法细解
Jul 25 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
Jun 20 Javascript
js从输入框读取内容,比较两个数字的大小方法
Mar 13 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
简单谈谈JS中的正则表达式
Sep 11 Javascript
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
详解Vue2.0组件的继承与扩展
Nov 23 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
May 26 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
Jun 18 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
Jul 21 Javascript
jquery.validate使用攻略 第二部
Jul 01 #Javascript
jQuery Validation插件remote验证方式的Bug解决
Jul 01 #Javascript
jquery.validate使用攻略 第一部
Jul 01 #Javascript
jquery 新浪网易的评论块制作
Jul 01 #Javascript
基于jQuery实现点击同时更改两个iframe的网址
Jul 01 #Javascript
jQuery ajax cache缓存问题
Jul 01 #Javascript
javascript 实用的文字链提示框效果
Jun 30 #Javascript
You might like
MySQL修改密码方法总结
2008/03/25 PHP
利用PHP制作简单的内容采集器的原理分析
2008/10/01 PHP
实例讲解如何在PHP的Yii框架中进行错误和异常处理
2016/03/17 PHP
PHP  Yii清理缓存的实现方法
2016/11/10 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
基于JQuery的日期联动实现代码
2011/02/24 Javascript
JS添加删除一组文本框并对输入信息加以验证判断其正确性
2013/04/11 Javascript
js中for in的用法示例解析
2013/12/25 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
2014/04/08 Javascript
js正则表达式匹配数字字母下划线等
2015/04/14 Javascript
省市二级联动小案例讲解
2016/07/24 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
vue深入解析之render function code详解
2017/07/18 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
js常见遍历操作小结
2019/06/06 Javascript
原生js+css调节音量滑块
2020/01/15 Javascript
python密码错误三次锁定(实例讲解)
2017/11/14 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
公司合作协议范文
2014/10/01 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
个人作风建设自查报告
2014/10/22 职场文书
党员学习群众路线心得体会
2014/11/04 职场文书
财务工作个人总结
2015/02/27 职场文书
python实现的web监控系统
2021/04/27 Python
详解Redis复制原理
2021/06/04 Redis