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网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
使用js解决由border属性引起的div宽度问题
Nov 26 Javascript
JavaScript实现的encode64加密算法实例分析
Apr 15 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
JavaScript基本语法学习教程
Jan 14 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
简单实现jQuery弹窗效果
Oct 30 jQuery
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
webpack项目轻松混用css module的方法
Jun 12 Javascript
vue实现自定义多选与单选的答题功能
Jul 05 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 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
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
详解json在php中的应用
2018/09/30 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
HTML node相关的一些资料整理
2010/01/01 Javascript
jquery 批量上传图片实现代码
2010/01/28 Javascript
javascript之典型高阶函数应用介绍
2013/01/10 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
asm.js使用示例代码
2013/11/28 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
AngularJs 弹出模态框(model)
2016/04/07 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
详解JQuery基础动画操作
2019/04/12 jQuery
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
python计算N天之后日期的方法
2015/03/31 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
Python实现string字符串连接的方法总结【8种方式】
2018/07/06 Python
python画图的函数用法以及技巧
2019/06/28 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
python tqdm 实现滚动条不上下滚动代码(保持一行内滚动)
2020/02/19 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
python如何进入交互模式
2020/07/06 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
英国网上香水店:Fragrance Direct
2016/07/20 全球购物
AOP的定义以及作用
2013/09/08 面试题
八一建军节感言
2014/02/28 职场文书
体育课课后反思
2014/04/24 职场文书
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
自主招生教师推荐信
2014/05/10 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers
Win11远程连接不上怎么办?Win11远程桌面用不了的解决方法
2022/08/05 数码科技