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 相关文章推荐
统一接口:为FireFox添加IE的方法和属性的js代码
Mar 25 Javascript
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
查找页面中所有类为test的结点的方法
Mar 28 Javascript
jQuery实现的导航条切换可显示隐藏
Oct 22 Javascript
js精美的幻灯片画集特效代码分享
Aug 29 Javascript
深入理解JS正则表达式---分组
Jul 18 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
JavaScript命令模式原理与用法实例详解
Mar 10 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 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
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
PHP 7.0.2 正式版发布
2016/01/08 PHP
php mysqli查询语句返回值类型实例分析
2016/06/29 PHP
javascript fullscreen全屏实现代码
2009/04/09 Javascript
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
2012/02/03 Javascript
cument.execCommand()用法深入理解
2012/12/04 Javascript
ie6下png图片背景不透明的解决办法使用js实现
2013/01/11 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
js微信分享API
2020/10/11 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
Node.js Sequelize如何实现数据库的读写分离
2016/10/23 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
2017/01/10 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
2020/12/30 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
2020/10/31 Javascript
node koa2 ssr项目搭建的方法步骤
2020/12/11 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
Python 文件重命名工具代码
2009/07/26 Python
儿童python练习实例
2018/05/27 Python
对python 中class与变量的使用方法详解
2019/06/26 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
Python 实现数组相减示例
2019/12/27 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
python接口自动化框架实战
2020/12/23 Python
amazeui页面分析之登录页面的示例代码
2020/08/25 HTML / CSS
数据库方面面试题
2012/04/22 面试题
如何通过 CSS 写出火焰效果
2021/03/24 HTML / CSS
广告学专业应届生求职信
2013/10/01 职场文书
信息专业学生学习的自我评价
2014/02/17 职场文书
资料员岗位职责
2015/02/10 职场文书
红与黑读书笔记
2015/06/29 职场文书
2016暑期政治学习心得体会
2016/01/23 职场文书
掌握一个领域知识,高效学习必备方法
2019/08/08 职场文书
Nginx如何获取自定义请求header头和URL参数详解
2022/07/23 Servers