jQuery Validation Plugin

jQuery Validation Plugin

验证框架
jquery.validate.js

验证规则资源
additional-methods.js

消息提示资源
messages_zh.js

给jQuery对象添加三个函数，validate为插件入口

// Check if a validator for this form was already created
var validator = $.data( this[ 0 ], "validator" );
if ( validator ) {
    return validator;
}

// Add novalidate tag if HTML5.
this.attr( "novalidate", "novalidate" );

validator = new $.validator( options, this[ 0 ] );
$.data( this[ 0 ], "validator", validator );

利用$.data(element, key)来检查在当前元素上是否以保存了validator对象，若已保存则返回已存在的，若不存在，则新建一个validator对象并保存到当前元素中

this.on( "submit.validate", function( event ) {
    //...
}

在当前元素上绑定submit事件(添加了命名空间)，当表单提交时会自动进行验证，无需手动调用验证代码

result = validator.settings.submitHandler.call( validator, validator.currentForm, event );

验证通过后会利用call()调用submitHandler函数，我们会将验证通过后需要进行的操作放到submitHandler函数中，如：

function : submitHandler(form){
    //发送异步请求...
}

插件构造函数，用于初始化插件

defaults: {} 为插件的默认设置
messages: {} 为插件的提示信息集合
prototype: {} 为插件对象的公共方法
addMethod: {} 为插件添加逻辑验证的静态方法
methods: {} 为插件默认的逻辑验证方法集合

中文提示信息