jquery.validate - Validation - .js验证框架 - 帮助 - 手册 - 文档 下载本文

内容发布更新时间 : 2024/5/4 3:08:33星期一 下面是文章的全部内容请认真阅读。

jquery.validate_Validation_.js验证框架_帮助_手册_文档

Html代码

Name

此文谨以以上js片段开始介绍jQueryValidation。 验证从这个方法开始:validate([options]) (一)、可选项(options)

[1]debug类型:Boolean默认:false

说明:开启调试模式。如果为true,表单不会提交,而且会在控制台显示一些错误消息(需要Firebug或者Firebuglite)。当要阻止表单默认提交事件,尝试去开启它。

$(\

debug:true })

[2]submitHandler类型:Callback默认:default(native)formsubmit 说明:当表单通过验证,提交表单。回调函数有个默认参数form $(\submitHandler:function(form){ //dootherstuffforavalidform form.submit(); } })

[3]invalidHandler类型:Callback

说明:当未通过验证的表单提交时,可以在该回调函数中处理一些事情。该回调函数有两个参数:第一个为一个事件对象,第二个为验证器(validator)

$(\

invalidHandler:function(form,validator){ varerrors=validator.numberOfInvalids(); if(errors){

varmessage=errors==1

?'Youmissed1field.Ithasbeenhighlighted'

:'Youmissed'+errors+'fields.Theyhavebeenhighlighted'; $(\$(\}else{

$(\} } })

[4]ignore类型:Seletor

说明:当进行表单验证时,过滤掉选择器所选择的表单。用了jQuerynot方法(not())。类型为submit和reset的表单总是被忽略的。

$(\ignore:\})

[5]rules类型:Options默认:

rulesarereadfrommarkup(classes,attributes,metadata)

说明:用户定义的键/值对规则。键为一个表单元素的name属性(或是一组单选/复选按钮)、值为一个简单的字符串或者由规则/参数对(rule/parameter)组成的一个对象。可以和class/attribute/metadata规则一起使用。每个规则可以指定一个依存的验证前提条件。

$(\rules:{

//simplerule,convertedto{required:true} name:\//compoundrule email:{ required:true, email:true

}/* email:{

depends:function(element){

return$(\} }*/ } })

[6]messages类型:Options默认:验证方法默认使用的消息

说明:用户自定义的键/值对消息。键为一个表单元素的name属性,值为该表单元素将要显示的消息。该消息覆盖元素的title属性或者默认消息。消息可以是一个字符串或者一个回调函数。回调函数必须在验证器的作用域中调用,将规则参数作为回调函数的第一个参数,将该表单元素作为回调函数的第二个参数,且必须返回一个字符串类型的消息。

$(\rules:{

name:\email:{ required:true, email:true } }, messages:{

name:\

email:{

required:\

email:\} } })

[7]groups类型:Options

说明:指定错误消息分组。一个组由一个任意的组名作为键,一个由空白符分割的表单元素name属性列表作为值。用errorPlacement定义组消息的存放位置。

Js代码

$(\groups:{

username:\},

errorPlacement:function(error,element){ if(element.attr(\||element.attr(\error.insertAfter(\else

error.insertAfter(element); }, debug:true })

[8]onsubmit类型:Boolean默认:true

说明:提交时验证表单。当设置为false时,只能用其它的事件验证。 Js代码