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在多浏览器下for循环的使用方法
Nov 07 Javascript
Jquery attr("checked") 返回checked或undefined 获取选中失效
Oct 10 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
js中top的作用深入剖析
Mar 04 Javascript
javaScript字符串工具类StringUtils详解
Dec 08 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
May 06 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
Jan 08 Javascript
react基本安装与测试示例
Apr 27 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
PHP实现抓取HTTPS内容
2014/12/01 PHP
php实现对象克隆的方法
2015/06/20 PHP
PHP检测用户是否关闭浏览器的方法
2016/02/14 PHP
PHP内部实现打乱字符串顺序函数str_shuffle的方法
2019/02/14 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
学习并汇集javascript匿名函数
2010/11/25 Javascript
jquery uaMatch源代码
2011/02/14 Javascript
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
谷歌地图打不开的解决办法
2014/08/07 Javascript
js密码强度校验
2015/11/10 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
2016/03/05 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
js获取当前时间(昨天、今天、明天)
2016/11/23 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
2017/03/06 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
python使用分治法实现求解最大值的方法
2015/05/12 Python
理解Python垃圾回收机制
2016/02/12 Python
使用Python脚本和ADB命令实现卸载App
2017/02/10 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
大学生在校学习的自我评价
2014/02/18 职场文书
《学会待客》教学反思
2014/02/22 职场文书
企业优秀员工事迹材料
2014/05/28 职场文书
相亲活动方案
2014/08/26 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
优秀团支部申报材料
2014/12/26 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书