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 相关文章推荐
js的with语句使用方法
Sep 21 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
May 24 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
全面理解JavaScript中的闭包
May 12 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
浅谈js算法和流程控制
Dec 29 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
May 24 Javascript
vue项目如何刷新当前页面的方法
May 18 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
如何能分清npm cnpm npx nvm
Jan 17 Javascript
JS前端监控采集用户行为的N种姿势
Jul 23 Javascript
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 cli模式学习(PHP命令行模式)
2013/06/03 PHP
使用php批量删除数据库下所有前缀为prefix_的表
2014/06/09 PHP
CI框架中通过hook的方式实现简单的权限控制
2015/01/07 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
PHP使用FFmpeg获取视频播放总时长与码率等信息
2016/09/13 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
纯CSS打造的导航菜单(附jquery版)
2010/08/07 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
2011/01/09 Javascript
jquery的flexigrid无法显示数据提示获取到数据
2013/07/19 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
jquery插件validation实现验证身份证号等
2015/06/04 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
2015/10/15 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
详解Python中expandtabs()方法的使用
2015/05/18 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
Python实现的大数据分析操作系统日志功能示例
2019/02/11 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
香港钟表珠宝首饰商城:OneMallTime网摩间
2016/10/14 全球购物
WoolOvers爱尔兰:羊绒、羊毛和棉针织品
2017/01/04 全球购物
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
切尔西足球俱乐部官方网上商店:Chelsea FC
2019/06/17 全球购物
sort命令的作用和用法
2013/08/25 面试题
安全保卫工作竞聘材料
2014/08/25 职场文书
单位工作证明
2014/10/07 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
2016年优秀党务工作者先进事迹材料
2016/02/29 职场文书
什么是执行力?9个故事告诉您:成功绝非偶然!
2019/07/05 职场文书