`

jquery validate api

阅读更多
jQuery.validate.js API 
Name    Type 
validate( options ) Returns: Validator 
验证所选的FORM 
valid( )    Returns: Boolean 
检查是否验证通过 
rules( )    Returns: Options 
返回元素的验证规则 
rules( "add", rules )   Returns: Options 
增加验证规则。 
rules( "remove", rules )    Returns: Options 
删除验证规则 
removeAttrs( attributes )   Returns: Options 
删除特殊属性并且返回他们 
Custom selectors 
Name    TypeCustom selectors: 
  
  
  
Name    Type 
:blank  Returns: Array <Element > 
没有值的筛选器 
:filled Returns: Array <Element > 
有值的筛选器 
:unchecked  Returns: Array <Element > 
没选择的元素的筛选器 
Utilities 
Name    TypeString utilities: 
  
Name    Type 
jQuery.format( template, argument , argumentN... )  Returns: String 
用参数代替模板中的 {n}。 
  
Validator 
validate方法返回一个Validator对象, 它有很多方法, 让你能使用引发校验程序或者改变form的内容. validator对象有很多方法, 但下面只是列出常用的. 
Name    TypeValidator methods: 
  
  
  
  
  
  
  
Name    Type 
form( ) Returns: Boolean 
验证form返回成功还是失败 
element( element )  Returns: Boolean 
验证单个元素是成功还是失败 
resetForm( )    Returns: undefined 
把前面验证的FORM恢复到验证前原来的状态 
showErrors( errors )    Returns: undefined 
显示特定的错误信息 
There are a few static methods on the validator object: 
Name    TypeValidator functions: 
  
Name    Type 
setDefaults( defaults ) Returns: undefined 
改变默认的设置 
addMethod( name, method, message )  Returns: undefined 
添加一个新的验证方法. 必须包括一个独一无二的名字,一个JAVASCRIPT的方法和一个默认的信息 
addClassRules( name, rules )    Returns: undefined 
增加组合验证类型 在一个类里面用多种验证方法里比较有用 
addClassRules( rules )  Returns: undefined 
增加组合验证类型 在一个类里面用多种验证方法里比较有用,这个是一下子加多个[edit ] 
List of built-in Validation methods 
A set of standard validation methods is provided: 
Name    TypeMethods: 
  
Name    Type 
required( ) Returns: Boolean 
必填验证元素 
required( dependency-expression )   Returns: Boolean 
必填元素依赖于表达式的结果. 
required( dependency-callback ) Returns: Boolean 
必填元素依赖于回调函数的结果. 
remote( url )   Returns: Boolean 
请求远程校验。url通常是一个远程调用方法 
minlength( length ) Returns: Boolean 
设置最小长度 
maxlength( length ) Returns: Boolean 
设置最大长度 
rangelength( range )    Returns: Boolean 
设置一个长度范围[min,max] 
min( value )    Returns: Boolean 
设置最小值. 
max( value )    Returns: Boolean 
设置最大值. 
range( range )  Returns: Boolean 
设置值的范围 
email( )    Returns: Boolean 
验证电子邮箱格式 
url( )  Returns: Boolean 
验证连接格式 
date( ) Returns: Boolean 
验证日期格式(类似30/30/2008的格式,不验证日期准确性只验证格式) 
dateISO( )  Returns: Boolean 
研制ISO类型的日期格式 
dateDE( )   Returns: Boolean 
验证德式的日期格式(29.04.1994 or 1.1.2006) 
number( )   Returns: Boolean 
验证十进制数字(包括小数的) 
numberDE( ) Returns: Boolean 
Makes the element require a decimal number with german format. 
digits( )   Returns: Boolean 
验证整数 
creditcard( )   Returns: Boolean 
验证信用卡号 
accept( extension ) Returns: Boolean 
验证相同后缀名的字符串 
equalTo( other )    Returns: Boolean 
验证两个输入框的内容是否相同 
  
  
Name    Type 
phoneUS( )  Returns: Boolean 
验证美式的电话号码 
  
  
  
  
  
validate ()的可选项 
debug:进行调试模式 
$(".selector").validate 
({ 
   debug: true 
}) 
  把调试设置为默认 
  
$.validator.setDefaults({ 
   debug: true 
}) 
  
submitHandler:用其他方式替代默认的SUBMIT,比如用AJAX的方式提交 
  
$(".selector").validate({ 
   submitHandler: function(form) { 
    $(form).ajaxSubmit(); 
   } 
}) 
  
ignore:忽略某些元素不验证 
$("#myform").validate({ 
   ignore: ".ignore" 
}) 
  
rules: 默认下根据form的classes, attributes, metadata判断,但也可以在validate函数里面声明 
Key/value 可自定义规则. Key是对象的名字 value是对象的规则,可以组合使用 class/attribute/metadata rules. 
以下代码特别验证selector类中name='name'是必填项并且 email是既是必填又要符合email的格式 
  
$(".selector").validate({ 
   rules: { 
     // simple rule, converted to {required:true} 
     name: "required", 
     // compound rule 
     email: { 
       required: true, 
       email: true 
     } 
   } 
}) 
  
messages:更改默认的提示信息 
  
$(".selector").validate({ 
   rules: { 
     name: "required", 
     email: { 
       required: true, 
       email: true 
     } 
   }, 
   messages: { 
     name: "Please specify your name", 
     email: { 
       required: "We need your email address to contact you", 
       email: "Your email address must be in the format of name@domain.com" 
     } 
   } 
}) 
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 
}) 
  
nsubmit Boolean Default: true 
提交时验证. 设置唯false就用其他方法去验证 
Code 
不用onsubmit验证,就允许用户无论用什么方法去验证,而是提交时, 用 keyup/blur/click 等方法. 
$(".selector").validate({ 
   onsubmit: false 
}) 
onfocusout  Boolean Default: true 
Validate elements (except checkboxes/radio buttons) on blur. If nothing is entered, all rules are skipped, except when the field was already marked as invalid. 
Code 
Disables onblur validation. 
$(".selector").validate({ 
   onfocusout: false 
}) 
onkeyup Boolean Default: true 
在keyup时验证. As long as the field is not marked as invalid, nothing happens. Otherwise, all rules are checked on each key up event. 
Code 
Disables onkeyup validation. 
$(".selector").validate({ 
   onkeyup: false 
}) 
onclick Boolean Default: true 
在checkboxes 和 radio 点击时验证. 
Code 
Disables onclick validation of checkboxes and radio buttons. 
$(".selector").validate({ 
   onclick: false 
}) 
focusInvalid    Boolean Default: true 
把焦点聚焦在最后一个动作或者最近的一次出错上via validator.focusInvalid(). The last active element is the one that had focus when the form was submitted, avoiding to steal its focus. If there was no element focused, the first one in the form gets it, unless this option is turned off. 
Code 
Disables focusing of invalid elements. 
$(".selector").validate({ 
   focusInvalid: false 
}) 
focusCleanup    Boolean Default: false 
如果是true那么删除出错类从出错的元素上并且隐藏出错信息当这个元素被聚焦 .避免和 focusInvalid.一起用 
Code 
Enables cleanup when focusing elements, removing the error class and hiding error messages when an element is focused. 
$(".selector").validate({ 
   focusCleanup: true 
}) 
meta    String   
为了元数据使用其他插件你要包装 你的验证规则 在他们自己的项目中可以用这个特殊的选项 
Tell the validation plugin to look inside a validate-property in metadata for validation rules. 
$("#myform").validate({ 
   meta: "validate", 
   submitHandler: function() { alert("Submitted!") } 
}) 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
  <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script> 
   
  <mce:script type="text/javascript"><!-- 
  $(document).ready(function(){ 
    $("#myform").validate({ 
     meta: "validate", 
     submitHandler: function() { alert("Submitted!") } 
    }) 
  }); 
   
// --></mce:script> 
   
</head> 
<body> 
  <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/lib/jquery.metadata.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/lib/jquery.metadata.js"></mce:script> 
  <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></mce:script> 
<form id="myform"> 
  <input type="text" name="email" class="{validate:{ required: true, email:true }}" /> 
  <br/> 
  <input type="submit" value="Submit" /> 
</form> 
</body> 
</html> 
errorClass  String  Default: "error" 
创建错误类的名字为了去寻找存在的错误标签和增加它到验证失败的元素中去。 
Code 
Sets the error class to "invalid". 
$(".selector").validate({ 
   errorClass: "invalid" 
}) 
errorElement    String  Default: "label" 
设置错误的元素,默认的是label你可以改成em.Use this element type to create error messages and to look for existing error messages. The default, "label", has the advantage of creating a meaningful link between error message and invalid field using the for attribute (which is always used, no matter the element type). 
Code 
Sets the error element to "em". 
$(".selector").validate 
   errorElement: "em" 
}) 
wrapper String   
在出错信息外用其他的元素包装一层。Wrap error labels with the specified element. Useful in combination with errorLabelContainer to create a list of error messages. 
Code 
Wrap each error element with a list item, useful when using an ordered or unordered list as the error container. 
$(".selector").validate({ 
   wrapper: "li" 
}) 
errorLabelContainer Selector     
把错误信息统一放在一个容器里面。Hide and show this container when validating. 
All error labels are displayed inside an unordered list with the ID "messageBox", as specified by the selector passed as errorContainer option. All error elements are wrapped inside an li element, to create a list of messages. 
$("#myform").validate({ 
   errorLabelContainer: "#messageBox", 
   wrapper: "li", 
   submitHandler: function() { alert("Submitted!") } 
}) 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
  <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script> 
   
  <mce:script type="text/javascript"><!-- 
    $(document).ready(function(){ 
      $("#myform").validate({ 
        errorLabelContainer: "#messageBox", 
        wrapper: "li", 
        submitHandler: function() { alert("Submitted!") } 
      }) 
    }); 
   
// --></mce:script> 
   
</head> 
<body> 
  <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></mce:script> 
<ul id="messageBox"></ul>  
<form id="myform" action="/login" method="post">  
   <label>Firstname</label>  
   <input name="fname" class="required" />  
   <label>Lastname</label>  
   <input name="lname" title="Your lastname, please!" class="required" />  
   <br/> 
   <input type="submit" value="Submit"/> 
</form> 
</body> 
</html> 
errorContainer  Selector     
显示或者隐藏验证信息 
使用一个额外的容器去显示错误信息 
Uses an additonal container for error messages. The elements given as the errorContainer are all shown and hidden when errors occur. But the error labels themselve are added to the element(s) given as errorLabelContainer, here an unordered list. Therefore the error labels are also wrapped into li elements (wrapper option). 
$("#myform").validate({ 
   errorContainer: "#messageBox1, #messageBox2", 
   errorLabelContainer: "#messageBox1 ul", 
   wrapper: "li", debug:true, 
   submitHandler: function() { alert("Submitted!") } 
}) 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
  <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script> 
   
  <mce:script type="text/javascript"><!-- 
  $(document).ready(function(){ 
    $("#myform").validate({ 
       errorContainer: "#messageBox1, #messageBox2", 
       errorLabelContainer: "#messageBox1 ul", 
       wrapper: "li", debug:true, 
       submitHandler: function() { alert("Submitted!") } 
    }) 
  }); 
   
// --></mce:script> 
  <mce:style><!-- 
#messageBox1, #messageBox2 { display: none } 
--></mce:style><style mce_bogus="1">#messageBox1, #messageBox2 { display: none }</style> 
</head> 
<body> 
  <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></mce:script> 
<div id="messageBox1">  
  <ul></ul>  
</div>  
<form id="myform" action="/login" method="post">  
  <label>Firstname</label>  
  <input name="fname" class="required" />  
  <label>Lastname</label>  
  <input name="lname" title="Your lastname, please!" class="required" /> 
  <br/> 
  <input type="submit" value="Submit"/> 
</form>  
<div id="messageBox2">  
  <h3>There are errors in your form, see details above!</h3>  
</div> 
</body> 
</html> 
showErrors  Callback    Default: None, uses built-in message disply. 
得到错误的显示句柄 
Gets the map of errors as the first argument and and array of errors as the second, called in the context of the validator object. The arguments contain only those elements currently validated, which can be a single element when doing validation onblur/keyup. You can trigger (in addition to your own messages) the default behaviour by calling this.defaultShowErrors(). 
Code 
Update the number of invalid elements each time an error is displayed. Delegates to the default implementation for the actual error display. 
$(".selector").validate({ 
   showErrors: function(errorMap, errorList) { 
    $("#summary").html("Your form contains " + this.numberOfInvalids() + " errors, see details below."); 
    this.defaultShowErrors(); 
   } 
}) 
errorPlacement  Callback    Default: 把错误label放在验证的元素后面 
可选错误label的放置位置. First argument: The created error label as a jQuery object. Second argument: The invalid element as a jQuery object. 
Use a table layout for the form, placing error messags in the next cell after the input. 
$("#myform").validate({ 
  errorPlacement: function(error, element) { 
     error.appendTo( element.parent("td").next("td") ); 
   }, 
   debug:true 
}) 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
  <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script> 
  <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></mce:script> 
  <mce:script type="text/javascript"><!-- 
  $(document).ready(function(){ 
    $("#myform").validate({ 
       errorPlacement: function(error, element) { 
         error.appendTo( element.parent("td").next("td") ); 
       }, 
       debug:true 
     }) 
  }); 
   
// --></mce:script> 
   
</head> 
<body> 
  <form id="myform" action="/login" method="post"> 
    <table> 
        <tr> 
            <td><label>Firstname</label> 
            <td><input name="fname" class="required" value="Pete" /></td> 
            <td></td> 
        </tr> 
        <tr> 
            <td><label>Lastname</label></td> 
            <td><input name="lname" title="Your lastname, please!" class="required" /></td> 
            <td></td> 
        </tr> 
        <tr> 
            <td></td><td><input type="submit" value="Submit"/></td><td></td> 
    </table> 
</form> 
</body> 
</html> 
success String , Callback    
成功时的class.If specified, the error label is displayed to show a valid element. If a String is given, its added as a class to the label. If a Function is given, its called with the label (as a jQuery object) as its only argument. That can be used to add a text like "ok!". 
添加"valid" 到验证验证元素, 在CSS中定义的样式 
$("#myform").validate({ 
    success: "valid", 
    submitHandler: function() { alert("Submitted!") } 
}) 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
  <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script> 
  <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></mce:script> 
  <mce:script type="text/javascript"><!-- 
  $(document).ready(function(){ 
    $("#myform").validate({ 
    success: "valid", 
    submitHandler: function() { alert("Submitted!") } 
     }) 
  }); 
   
// --></mce:script> 
  <mce:style><!-- 
label.valid { 
    background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat; 
    height:16px; 
    width:16px; 
    display: block; 
    position: absolute; 
    top: 4px; 
    left: 152px; 

--></mce:style><style mce_bogus="1">label.valid { 
    background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat; 
    height:16px; 
    width:16px; 
    display: block; 
    position: absolute; 
    top: 4px; 
    left: 152px; 
}</style> 
</head> 
<body> 
   
<form id="myform"> 
  <input type="text" name="email" class="required" /> 
  <br/> 
  <input type="submit" value="Submit" /> 
</form> 
</body> 
</html> 
添加"valid" 到验证验证元素, 在CSS中定义的样式,并加入“ok”的文字 
$("#myform").validate({ 
   success: function(label) { 
     label.addClass("valid").text("Ok!") 
   }, 
   submitHandler: function() { alert("Submitted!") } 
}) 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
  <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script> 
  <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></mce:script> 
  <mce:script type="text/javascript"><!-- 
  $(document).ready(function(){ 
        $("#myform").validate({ 
    success: function(label) { 
            label.addClass("valid").text("Ok!") 
        }, 
        submitHandler: function() { alert("Submitted!") } 
        }) 
   }); 
   
// --></mce:script> 
  <mce:style><!-- 
label.valid { 
    background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat; 
    height:16px; 
    width:16px; 
    display: block; 
    position: absolute; 
    top: 4px; 
    left: 152px; 
    padding-left: 18px; 

--></mce:style><style mce_bogus="1">label.valid { 
    background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat; 
    height:16px; 
    width:16px; 
    display: block; 
    position: absolute; 
    top: 4px; 
    left: 152px; 
    padding-left: 18px; 
}</style> 
</head> 
<body> 
   
<form id="myform"> 
  <input type="text" name="email" class="required" /> 
  <br/> 
  <input type="submit" value="Submit" /> 
</form> 
</body> 
</html> 
highlight   Callback    Default: Adds errorClass (see the option) to the Element 
高亮显示错误信息。 或者说重写出错时的出错元素的显示。Override to decide which fields and how to highlight. 
Code 
Highlights an invalid element by fading it out and in again. 
$(".selector").validate({ 
  highlight: function(element, errorClass) { 
     $(element).fadeOut(function() { 
       $(element).fadeIn() 
     }) 
  } 
}) 
Code 
Adds the error class to both the invalid element and it's label 
$(".selector").validate({ 
  highlight: function(element, errorClass) { 
     $(element).addClass(errorClass); 
     $(element.form).find("label[for=" + element.id + "]").addClass(errorClass); 
  }, 
  unhighlight: function(element, errorClass) { 
     $(element).removeClass(errorClass); 
     $(element.form).find("label[for=" + element.id + "]").removeClass(errorClass); 
  } 
}); 
unhighlight Callback    Default: 默认是去掉error类 
Called to revert changes made by option highlight, same arguments as highlight.
分享到:
评论

相关推荐

    jQuery Validate 1.1.2

    jQuery Validate 是一个强大的JavaScript库,专门用于前端表单验证,由jQuery团队开发并维护。它极大地简化了在网页上创建高效、用户友好的验证规则的过程,避免了开发者编写大量重复的验证代码。jQuery Validate ...

    jquery validate依赖包及其帮助文档.rar

    《jQuery Validate插件详解与应用指南》 在Web开发领域,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。jQuery Validate是一个强大的JavaScript库,专...

    jquery validate 验证手册

    1. **易于使用**:通过简单的API,开发者可以快速为表单添加验证逻辑,如`$("#myForm").validate()`即可启动验证。 2. **自定义验证规则**:除了预设的验证规则,如`required`、`email`、`url`等,开发者还可以通过...

    jQuery.validate.js+API中文

    《jQuery.validate.js与API中文详解》 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互等任务。而jQuery Validate插件则是jQuery的一个重要扩展,它专注于表单...

    jquery validate 最稳定版本

    总结,jQuery Validate插件提供了强大的客户端表单验证功能,通过简单易懂的API,我们可以快速设置验证规则,定制错误消息,甚至实现复杂的验证逻辑。这个“最稳定版本”确保了在各种环境下的可靠性和稳定性,是开发...

    jquery validate中文教程

    在Web开发中,确保用户输入的数据符合预期格式和要求至关重要,而jQuery Validate则提供了简单易用的API来实现这一功能。 在开始使用jQuery Validate之前,你需要在HTML页面中引入jQuery库和jQuery Validate插件的...

    jQuery.Validate Api中文

    jQuery Validate插件是基于jQuery开发的表单验证工具,它提供了一套丰富且灵活的API,用于验证HTML表单字段。该插件能够校验表单中的输入是否符合指定规则,并且可以很容易地定制各种验证规则。在描述中提到,jQuery...

    jquery validate验证示例

    在这个“jquery validate验证示例”压缩包中,很可能包含了 `jQuery Validate` 插件的核心文件以及一些示例代码,帮助开发者快速理解和使用这个插件。 首先,`jQuery Validate` 的核心功能包括: 1. **基本验证**...

    jquery_validate插件总结

    这是一个关于jquery_validate插件学习的总结,内容不多,但是都是干货,有兴趣的可以看一下。

    jquery.validate.1.8.1.rar

    jQuery Validate是一款基于jQuery的轻量级插件,由Jörn Zaefferer开发,它提供了一套直观且易于使用的API,用于创建各种复杂的验证规则。该插件的核心优势在于其灵活性和可扩展性,开发者可以根据需求自定义验证...

    jQuery.validate chm格式帮助文档

    jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,...

    jquery validate

    **jQuery Validate插件详解** ...综上所述,jQuery Validate插件为开发者提供了一套强大且易用的表单验证解决方案,结合详细的API文档和社区资源,能够帮助我们构建高效、友好的前端表单验证系统。

    JQuery Validate插件的验证规则和例子,合成AJAX

    该插件是jQuery库的一个扩展,通过简单的API调用,开发者可以轻松实现各种复杂的验证逻辑。 ### 1. 插件安装与引入 在项目中使用jQuery Validate插件,首先需要下载并引入jQuery库和jQuery Validate插件的...

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

    ### jQuery Validate 中文 API 手册 #### 一、简介 `jQuery Validate` 是 `jQuery` 的一个插件,用于简化 HTML 表单验证过程。它不仅提供了丰富的内置验证方法,还支持自定义验证规则,并且可以轻松地与 `jQuery` ...

    jquery-validate-1.4.0

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    jquery validate包

    最后,jQuery Validate还提供了丰富的事件和API接口,如`valid`, `invalid`, `errorPlacement`等,使得在验证过程中实现更复杂的交互逻辑成为可能。 总结来说,jQuery Validate插件是jQuery中强大的表单验证工具,...

Global site tag (gtag.js) - Google Analytics