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一些不错的函数脚本代码
Sep 10 Javascript
javascript学习之闭包分析
Dec 02 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
May 05 Javascript
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
Aug 23 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
jQuery中的deferred使用方法
Mar 27 jQuery
详解Vue内部怎样处理props选项的多种写法
Nov 06 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
Mar 10 Javascript
WebWorker 封装 JavaScript 沙箱详情
Nov 02 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
第六节--访问属性和方法
2006/11/16 PHP
php开发工具之vs2005图解
2008/01/12 PHP
php删除数组元素示例分享
2014/02/17 PHP
yii实现创建验证码实例解析
2014/07/31 PHP
PHP伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
Thinkphp无限级分类代码
2015/11/11 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
JavaScript 组件之旅(一)分析和设计
2009/10/28 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
js简单抽奖代码
2015/01/16 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
浅谈移动端之js touch事件 手势滑动事件
2016/11/07 Javascript
Bootstrap表单控件学习使用
2017/03/07 Javascript
javascript 玩转Date对象(实例讲解)
2017/07/11 Javascript
vue 表单验证按钮事件交由父组件触发的方法
2018/12/17 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
2020/11/16 Javascript
Python的Bottle框架中实现最基本的get和post的方法的教程
2015/04/30 Python
深入浅析python定时杀进程
2016/06/06 Python
python3大文件解压和基本操作
2017/12/15 Python
CSS3 box-sizing属性详解
2016/11/15 HTML / CSS
CSS3实现全景图特效示例代码
2018/03/26 HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
英国著名药妆店:Superdrug
2021/02/13 全球购物
前台接待的工作职责
2013/11/21 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
委托书英文
2015/01/28 职场文书
红白喜事主持词
2015/07/06 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers
vue-cli3.x配置全局的scss的时候报错问题及解决
2022/04/30 Vue.js