翻阅jquery.validate的文档，可以了解到它最核心的api是validate这个方法，这是一个可以直接在jquery对象上调用的方法，在调用它的时候，可以通过option传递很多的选项，其中有两个选项，就可以用来完成我们的自定义功能：errorPlacement与showErrors，这两个方法的作用以及签名分别是：
errorPlacement : function(error, element) {…}用来自定义表单元素失败信息的插入位置，如果这个方法是一个空函数，那么失败信息就不会插入到DOM里面去。它有两个参数，error表示失败信息生成的jquery对象；element表示单个的表单元素的jquery对象。
showErrors: function(errorMap, errorList) {…}用来自定义校验信息的显示机制。它有两个参数，第一个参数以Object的形式，封装了当前校验操作的所有校验失败的信息；第二个参数errorList是一个数组，它的每个元素包含两个属性element和message分别代表失败的表单元素的jq对象和失败信息。另外在这个方法里面通过this.successList还可访问到所有校验成功的元素列表，这个successList也是一个数组，它的每个元素就是校验成功的表单元素的DOM对象。
通过前面对这两个方法的描述，大概就能知道该如何去完成自定义的表单校验功能了：
1）如果在errorPlacement这个option里什么都不做，那么校验的时候就不会插入到页面中了；
2）在showErrors里面，通过errorList和successList，我们可以分别遍历一遍，给失败的元素显示tooltip，然后给成功的元素移除tooltip。
下图是简单说明我的实现中对jquery.validate调用时的方式，只用到了前面提到的这两个选项。
接下来就来看看实际实现时的一些要点。
2. 详细实现
1）从代码组织说起
本文实现主要包含三个文件：
https://github.com/liuyunzhuge/blog/blob/master/form/src/js/mod/formValidation.js
https://github.com/liuyunzhuge/blog/tree/master/form/src/js/mod/validation（这个文件包含两个文件：validate.js和validator.js）
核心的文件是mod/validation文件夹下的两个。其中：
validate.js是最核心的代码，包含了所有的自定义逻辑； validator.js仅仅是对jquery.validate默认的校验信息做的重置，因为它默认是英文的，而我的项目环境不需要考虑英文，所以就在这个文件里做了统一的处理；另外如果要添加一些全局的校验器的话，也可以考虑添加在这里。
mod/formValidation.js是在页面中直接引用的文件，它依赖mod/validation/validate.js，同时基于validate.js提供的接口，注册了一些自定义的处理，这些自定义的处理我会在后面进行说明，它的作用仅仅是为了将validate.js的功能与我之前写的form相关组件结合起来使用。
