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 数组详解
Oct 10 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
Mar 10 Javascript
JavaScript将取代AppleScript?
Sep 18 Javascript
bootstrap实现弹窗和拖动效果
Jan 03 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
原生JS改变透明度实现轮播效果
Mar 24 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
JavaScript中的全局属性与方法深入解析
Jun 14 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框架Phpbean说明
2008/01/10 PHP
php mysql 判断update之后是否更新了的方法
2012/01/10 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
使用新浪微博API的OAuth认证发布微博实例
2015/03/27 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
Windows服务器中PHP如何安装redis扩展
2019/09/27 PHP
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
JS TextArea字符串长度限制代码集合
2012/10/31 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
Three.js学习之正交投影照相机
2016/08/01 Javascript
详谈js原型继承的一些问题
2017/09/06 Javascript
原生js中ajax访问的实例详解
2017/09/19 Javascript
vue2.0 路由不显示router-view的解决方法
2018/03/06 Javascript
JS中的JSON对象的定义和取值实现代码
2018/05/09 Javascript
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
使用js原生实现年份轮播选择效果实例
2021/01/12 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
Python实现的简单模板引擎功能示例
2017/09/02 Python
python+pyqt5实现图片批量缩放工具
2019/03/18 Python
树莓派使用python-librtmp实现rtmp推流h264的方法
2019/07/22 Python
Python 脚本拉取 Docker 镜像问题
2019/11/10 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
基于Python绘制个人足迹地图
2020/06/01 Python
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
机械专业个人求职自荐信格式
2013/09/21 职场文书
自主招生教师推荐信
2014/05/10 职场文书
励志演讲稿大全
2014/08/21 职场文书
公司股东出资证明书
2014/11/01 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书