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 Array.prototype.slice使用说明
Oct 11 Javascript
Jquery Ajax请求代码(2)
Jan 07 Javascript
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
js格式化时间和js格式化时间戳示例
Feb 10 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
webpack引入eslint配置详解
Jan 22 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
May 21 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 Javascript
关于layui的动态图标不显示的解决方法
Sep 04 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 trim 去除空字符的定义与语法介绍
2010/05/31 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
javascript 二维数组的实现与应用
2010/03/16 Javascript
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
2013/08/14 Javascript
用console.table()调试javascript
2014/09/04 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
jQuery实现级联下拉框实战(5)
2017/02/08 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
2017/03/21 jQuery
jQuery实现Select下拉列表进行状态选择功能
2017/03/30 jQuery
React Form组件的实现封装杂谈
2018/05/07 Javascript
推荐一个基于Node.js的表单验证库
2019/02/15 Javascript
Node 代理访问的实现
2019/09/19 Javascript
[01:21]辉夜杯战队访谈宣传片—CDEC
2015/12/25 DOTA
python基础教程之对象和类的实际运用
2014/08/29 Python
python中sets模块的用法实例
2014/09/30 Python
Python多线程结合队列下载百度音乐的方法
2015/07/27 Python
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
Python实现FTP上传文件或文件夹实例(递归)
2017/01/16 Python
python素数筛选法浅析
2018/03/19 Python
Python get获取页面cookie代码实例
2018/09/12 Python
python连接mongodb密码认证实例
2018/10/16 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
2019/08/30 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
医药销售求职信范文
2014/02/01 职场文书
2014学雷锋活动心得体会
2014/03/10 职场文书
赵氏孤儿观后感
2015/06/09 职场文书
Nginx域名转发https访问的实现
2021/03/31 Servers
python基于tkinter制作下班倒计时工具
2021/04/28 Python
基于Python实现股票收益率分析
2022/04/02 Python
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL