jQuery validate 中文API 附validate.js中文api手册


Posted in Javascript onJuly 31, 2010
名称 返回类型 描述
validate(options) 返回:Validator 验证所选的FORM
valid() 返回:Boolean 检查是否验证通过
rules() 返回:Options 返回元素的验证规则
rules("add",rules) 返回:Options 增加验证规则
rules("remove",rules) 返回:Options 删除验证规则
removeAttrs(attributes) 返回:Options 删除特殊属性并且返回他们
Custom selectors
:blank 返回:Validator 没有值的筛选器
:filled 返回:Array 有值的筛选器
:unchecked 返回:Array 没选择的元素的筛选器
Utilities
jQuery.format (template,argument ,argumentN...) 返回:String 用参数代替模板中的 {n}

 

 

Validator:
validate方法返回一个Validator对象,它有很多方法, 让你能使用引发校验程序或者改变form的内容. validator对象有很多方法,但下面只是列出常用的
form() 返回:Boolean 验证form返回成功还是失败
element(element) 返回:Boolean 验证单个元素是成功还是失败
resetForm() 返回:undefined 把前面验证的FORM恢复到验证前原来的状态
showErrors(errors) 返回:undefined 显示特定的错误信息
 
Validator functions:
setDefaults(defaults) 返回:undefined 改变默认的设置
addMethod(name,method,message) 返回:undefined 添加一个新的验证方法. 必须包括一个独一无二的名字,一个JAVASCRIPT的方法和一个默认的信息
addClassRules(name,rules) 返回:undefined 增加组合验证类型 在一个类里面用多种验证方法里比较有用
addClassRules(rules) 返回:undefined 增加组合验证类型 在一个类里面用多种验证方法里比较有用,这个是一下子加多个

 

 

内置验证方式:
required() 返回:Boolean 必填验证元素
required(dependency-expression) 返回:Boolean 必填元素依赖于表达式的结果
required(dependency-callback) 返回:Boolean 必填元素依赖于回调函数的结果
remote(url) 返回:Boolean 请求远程校验。url通常是一个远程调用方法
minlength(length) 返回:Boolean 设置最小长度
maxlength(length) 返回:Boolean 设置最大长度
rangelength(range) 返回:Boolean 设置一个长度范围[min,max]
min(value) 返回:Boolean 设置最大值
max(value) 返回:Boolean 设置最小值
email() 返回:Boolean 验证电子邮箱格式
range(range) 返回:Boolean 设置值的范围
url() 返回:Boolean 验证URL格式
date() 返回:Boolean 验证日期格式(类似30/30/2008的格式,不验证日期准确性只验证格式)
dateISO() 返回:Boolean 验证ISO类型的日期格式
dateDE() 返回:Boolean 验证德式的日期格式(29.04.1994 or 1.1.2006)
number() 返回:Boolean 验证十进制数字(包括小数的)
digits() 返回:Boolean 验证整数
creditcard() 返回:Boolean 验证信用卡号
accept(extension) 返回:Boolean 验证相同后缀名的字符串
equalTo(other) 返回:Boolean 验证两个输入框的内容是否相同
phoneUS() 返回:Boolean 验证美式的电话号码

 

 

validate ()的可选项:
debug:进行调试模式(表单不提交): $(".selector").validate ({    debug:true })
把调试设置为默认: $.validator.setDefaults({    debug:true })
submitHandler: 通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交 $(".selector").validate({    submitHandler:function(form) { $(form).ajaxSubmit();    } })
ignore: 对某些元素不进行验证 $("#myform").validate({    ignore:".ignore" })
rules: 自定义规则,key:value的形式,key是要验证的元素,value可以是字符串或对象 $(".selector").validate({    rules:{      name:"required",      email:{        required:true,        email:true      }    } })
messages: 自定义的提示信息key:value的形式key是要验证的元素,值是字符串或函数 $(".selector").validate({    rules:{      name:"required",      email:{        required:true,        email:true      }    },    messages:{      name:"Name不能为空",      email:{        required:"E-mail不能为空",        email:"E-mail地址不正确"      }    } })
groups: 对一组元素的验证,用一个错误提示,用error Placement控制把出错信息放在哪里 $("#myform").validate({   groups:{     username:"fname lname"   },   errorPlacement:function(error,element) {      if (element.attr("name") == "fname" || element.attr("name") == "lname")        error.insertAfter("#lastname");      else        error.insertAfter(element);    },    debug:true })
Onubmit Boolean 默认:true 是否提交时验证 $(".selector").validate({    onsubmit:false })
onfocusout Boolean 默认:true  是否在获取焦点时验证 $(".selector").validate({    onfocusout:false })
onkeyup Boolean 默认:true  是否在敲击键盘时验证 $(".selector").validate({    onkeyup:false })
onclick Boolean 默认:true 是否在鼠标点击时验证(一般验证checkbox,radiobox) $(".selector").validate({    onclick:false })
focusInvalid Boolean 默认:true 提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 $(".selector").validate({    focusInvalid:false })
focusCleanup Boolean 默认:false 当未通过验证的元素获得焦点时,并移除错误提示(避免和 focusInvalid.一起使用) $(".selector").validate({    focusCleanup:true })
errorClass String 默认:"error" 指定错误提示的css类名,可以自定义错误提示的样式 $(".selector").validate({    errorClass:"invalid" })
errorElement String 默认:"label" 使用什么标签标记错误 $(".selector").validate    errorElement:"em" })
wrapper String 使用什么标签再把上边的errorELement包起来 $(".selector").validate({    wrapper:"li" })
errorLabelContainer Selector 把错误信息统一放在一个容器里面 $("#myform").validate({    errorLabelContainer:"#messageBox",    wrapper:"li",    submitHandler:function() { alert("Submitted!") } })  
showErrors: 跟一个函数,可以显示总共有多少个未通过验证的元素 $(".selector").validate({    showErrors:function(errorMap,errorList) {         $("#summary").html("Your form contains " + this.numberOfInvalids() + " errors,see details below.");         this.defaultShowErrors();    } })
errorPlacement: 跟一个函数,可以自定义错误放到哪里 $("#myform").validate({   rrorPlacement:function(error,element) {  error.appendTo(element.parent("td").next("td"));    },    debug:true   })
success: 要验证的元素通过验证后的动作,如果跟一个字符串,会当做一个css类,也可跟一个函数 $("#myform").validate({         success:"valid",         submitHandler:function() { alert("Submitted!") } })
highlight: 可以给未通过验证的元素加效果,闪烁等  

 

 

addMethod(name,method,message)方法:
参数name是添加的方法的名字
参数method是一个函数,接收三个参数(value,element,param) value是元素的值,element是元素本身 param是参数,我们可以用addMethod来添加除built-in Validation methods之外的验证方法 比如有一个字段,只能输一个字母,范围是a-f,写法如下:   $.validator.addMethod("af",function(value,element,params){    if(value.length>1){     return false;    }    if(value>=params[0] && value

 

 

meta String方式:
$("#myform").validate({    meta:"validate",    submitHandler:function() { alert("Submitted!") } })
   

validate.js中文api手册

jQuery.validate.js+API_cn.pdf
Javascript 相关文章推荐
JavaScript 异步调用框架 (Part 4 - 链式调用)
Aug 04 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
javascript生成不重复的随机数
Jul 17 Javascript
js实现tab切换效果实例
Sep 16 Javascript
详解iframe与frame的区别
Jan 13 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
Apr 28 Javascript
异步加载JS、CSS代码(推荐)
Jun 15 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
jQuery post数据至ashx实例详解
Nov 18 Javascript
十大热门的JavaScript框架和库
Mar 21 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
jQuery对象[0]是什么含义?
Jul 31 #Javascript
动态调用CSS文件的JS代码
Jul 29 #Javascript
date.parse在IE和FF中的区别
Jul 29 #Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
Jul 29 #Javascript
jquery中对表单的基本操作代码
Jul 29 #Javascript
jquery下利用jsonp跨域访问实现方法
Jul 29 #Javascript
jquery-easyui关闭tab自动切换到前一个tab
Jul 29 #Javascript
You might like
用PHP调用Oracle存储过程的方法
2008/09/12 PHP
php获取地址栏信息的代码
2008/10/08 PHP
PHP实现的连贯操作、链式操作实例
2014/07/08 PHP
ThinkPHP3.2.1图片验证码实现方法
2016/08/19 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
php ZipArchive实现多文件打包下载实例
2019/10/31 PHP
jquery 学习笔记一
2010/04/07 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
深入理解vue-router之keep-alive
2017/08/31 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
vue cli 3.x 项目部署到 github pages的方法
2019/04/17 Javascript
JavaScript箭头函数中的this详解
2019/06/19 Javascript
python实现异步回调机制代码分享
2014/01/10 Python
Python编程pygal绘图实例之XY线
2017/12/09 Python
解决python "No module named pip" 的问题
2018/10/13 Python
python快排算法详解
2019/03/04 Python
Python3 执行Linux Bash命令的方法
2019/07/12 Python
Django发送邮件和itsdangerous模块的配合使用解析
2019/08/10 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
解决python 找不到module的问题
2020/02/12 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
python代码中怎么换行
2020/06/17 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
荷兰鞋类购物网站:Donelli
2019/05/24 全球购物
专科毕业生就业推荐信
2013/11/01 职场文书
结婚典礼证婚词
2014/01/11 职场文书
继承公证书样本
2014/04/04 职场文书
给市场的环保建议书
2014/05/14 职场文书
党员个人公开承诺书
2014/08/29 职场文书
学习教师敬业奉献模范事迹材料思想汇报
2014/09/19 职场文书
英语通知范文
2015/04/22 职场文书
班级管理经验交流材料
2015/11/02 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript
java开发双人五子棋游戏
2022/05/06 Java/Android