JQuery Validate-Validator对象

一时失言乱红尘 2021-06-26 16:06 747阅读 0赞

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

## meta String 方式 ##

将验证规则写在了控件中

$("#myform").validate({ 
    
       meta:"validate",
    
       submitHandler:function() {  
    alert("Submitted!") }
    
    })

三种验证方式

## 配置对象 ##

{ 
        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)

[20190814175932241.png]: /images/20210626/f42170b1955b4b5eb9188d63366a60b9.png