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 空位补零实现代码
Feb 26 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 Javascript
Less 安装及基本用法
May 05 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
Vue.extend 编程式插入组件的实现
Nov 18 Javascript
vue组件中实现嵌套子组件案例
Aug 31 Javascript
JS sort排序详细使用方法示例解析
Sep 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
风格模板初级不完全修改教程
2006/10/09 PHP
php获取网站百度快照日期的方法
2015/07/29 PHP
微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法
2016/01/12 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
json跟xml的对比分析
2008/06/10 Javascript
JS实现文件动态顺序载入的方法
2015/03/07 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
node.js中express-session配置项详解
2017/05/31 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
React Native预设占位placeholder的使用
2017/09/28 Javascript
ng-alain表单使用方式详解
2018/07/10 Javascript
浅谈js闭包理解
2019/03/28 Javascript
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
[02:44]DOTA2英雄基础教程 魅惑魔女
2014/01/07 DOTA
[00:43]拉比克至宝魔导师密钥展示
2018/12/20 DOTA
一个检测OpenSSL心脏出血漏洞的Python脚本分享
2014/04/10 Python
python如何实现excel数据添加到mongodb
2015/07/30 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
python gdal安装与简单使用
2019/08/01 Python
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
2014/04/16 HTML / CSS
美国汽车交易网站:Edmunds
2016/08/17 全球购物
英国二手物品交易网站:Preloved
2017/10/06 全球购物
毕业生的自我评价分享
2013/12/18 职场文书
七年级数学教学反思
2014/01/22 职场文书
会计专业应届生自荐信
2014/02/07 职场文书
活动总结报告格式
2014/05/09 职场文书
毕业大学生自荐信
2014/06/17 职场文书
含预算的公司户外活动方案
2014/08/16 职场文书
党的群众路线教育实践活动查摆剖析材料
2014/10/10 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
婚礼父母致辞
2015/07/28 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python