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 相关文章推荐
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
js文件Cookie存取值示例代码
Feb 20 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
Nov 23 Javascript
jQuery表单域属性过滤器用法分析
Feb 10 Javascript
字符串反转_JavaScript
Apr 28 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
JS公共小方法之判断对象是否为domElement的实例
Nov 25 Javascript
Electron-vue开发的客户端支付收款工具的实现
May 24 Javascript
微信小程序实现圆形进度条动画
Nov 18 Javascript
js实现简单页面全屏
Sep 17 Javascript
JavaScript原始值与包装对象的详细介绍
May 11 Javascript
vue如何清除浏览器历史栈
May 25 Vue.js
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
当海贼王变成JOJO风
2020/03/02 日漫
PHP 的几个配置文件函数
2006/12/21 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
php多进程应用场景实例详解
2019/07/22 PHP
文本加密解密
2006/06/23 Javascript
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
2013/03/26 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
2013/11/07 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
get(0).tagName获得作用标签示例代码
2014/10/08 Javascript
readonly和disabled属性的区别
2015/07/26 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
谈谈JavaScript的New关键字
2016/08/26 Javascript
js中Number数字数值运算后值不对的解决方法
2017/02/28 Javascript
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
2020/07/29 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
[57:18]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#3VP VS VG
2016/03/03 DOTA
[11:33]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第二场
2018/04/06 DOTA
scrapy-redis源码分析之发送POST请求详解
2019/05/15 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
纯css3无js实现的Android Logo(有简单动画)
2013/01/21 HTML / CSS
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
无故旷工检讨书
2014/01/26 职场文书
大龄毕业生求职别忘职业规划
2014/03/11 职场文书
安全生产责任书范本
2014/04/15 职场文书
优秀大专毕业生求职信
2014/08/04 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
优秀党员推荐材料
2014/12/18 职场文书
2015教师个人德育工作总结
2015/07/22 职场文书
二十年同学聚会感言
2015/07/30 职场文书
详解Go与PHP的语法对比
2021/05/29 PHP
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript