JQuery Validate-Validator对象_validator.validate 返回对象-优快云博客

本文介绍jQuery表单验证插件的使用方法，包括配置对象、Validator对象的常见方法及自定义验证规则。通过metaString方式设置验证规则，实现对表单元素的必填项和邮箱格式检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

validate 方法返回一个 Validator 对象。Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容，下面列出几个常用的方法。
这里写图片描述

meta String 方式

将验证规则写在了控件中

$("#myform").validate({

   meta:"validate",

   submitHandler:function() { 
alert("Submitted!") }

})

<script type="text/javascript" 
src="js/jquery.metadata.js"></script>

<script type="text/javascript" 
src="js/jquery.validate.js"></script>

<form id="myform">

  <input type="text" 
name="email" class="{validate:{ required:true,email:true }}" />

  <input type="submit" 
value="Submit" />

</form>

三种验证方式

配置对象

{
    errorClass: "error",              // 消息错误提示容器，验证未通过的表单元素的的className
    validClass: "valid",              // 验证通过的表单元素的的className
    errorElement: "label",            // 消息错误提示容器的的tagName
    wrapper: element.tagName,         // 只能是一个标签名，如:div, strong ...，将会创建一个div元素包裹 错误消息提示的label元素
    errorLabelContainer: selector,    // 如果表单验证不通过，所有错误消息提示的label元素都会插入到该元素中

    debug： true,                     // 为true将会 阻止表单提交，但会验证表单控件
    ignore: ':hidden',                // 将会忽略选择器匹配的所有表单元素的验证
    submitHandler: function(){        // 表单提交时，将会触发这个函数，如果存在该函数，将会阻止表单提交

    },
    invalidHandler: function(){       // 如果表单验证不通过，将会触发这个函数

    }
}

validator 对象

validate方法返回Validator对象，Validator对象有很多种有用的方法：

Validator.form()验证表单是否有效，返回true/false
Validator.element(element)验证某个元素是否有效，返回true/false
Validator.resetForm()把表单恢复到验证前原来的状态
Validator.showErrors(errors)针对某个元素显示特定的错误信息
Validator.numberOfInvalids()返回无效元素数量

Validator对象还有很多有用的静态方法，可以直接使用：

jQuery.validator.addMethod(name,method[,message])

增加自定义的验证方法

jQuery.validator.format(template,argument,argumentN...)

格式化字符串，用参数代替模板中的{n}

jQuery.validator.setDefaults(option)修改插件默认设置

jQuery.validator.addClassRules(name,rules)