在做网站的过程中，大多数情♦况下肯定▼会应用到□□表单，使用表单□□□让用户输□□入数据，收集相关□□信息，在这个过□□程中为了□□□让用户输□□入的信息□□□可靠，就会使用□□□前端的表●单验证。目前业内□□□□也有很多□□□表单验证◤工具，更有大多□□数人自已□□□写纯js的表单验□□证。这样重复□□□□造轮子的✦事情大可□□不必一直丨做的，浪费时间※和效率。这里介绍♦一款非常□□□好用的前□□端表单验□□□证插件validate，做为一款□□□国外的的□□□表单插件，虽然表使□□□□用文档都□□□是英文，对国内的□□□程序用户□□看起来应□□□□该很吃力。不过网上□□□仍有不少□□□□网友提供□□□□很多翻译□□□□版本可供□□使用。使用也很□□□□简，这里介绍□□一下基本□□的使用方□□□□法。

1、使用$('#formid').validate({})来包含整个验证类信息，其中formid为表单的id识别符。
2、debug属性可以设置为true，表示启用调试信息。
3、rules属性为规则json数组，常用的如：array('require'=>true,'min_length'=>10,'max_length'=>100,'email'=>true)，这个分别表示
require为必填，min_length为最小长度为10个字符，max_length为最大长度为100个字符，email为必须是邮箱格式。还可以自定义规则使用jQuery.validator.addMethod('name',function(value, element){})增加新的规则，增加后，即可在验证规则中使用。
4、messages为和规则•对应的错□□□□误显示信□□□息，数组形式□□□是一样的，把键值修□□□□改成错误□□信息提示□□□□即可。
5、showErrors为当不符✦合验证规□□□则时如何□□□显示错误□□□信息，一般是直□□接弹出信□□□□息提示用□□□□户，当然也是♦可以在表□□单域上直□□□□接显示错□□误信息的。
6、onkeyup为不验证键盘输入。
7、onfocusout为失去焦点时不验证。
8、submitHandler为当验证通过时，需要执行的代码块，如使用ajax来提交信息后台处理。
需要注意□□的是，验证规则□□和错误信□□□息文本数◥组要使用json数据的形□□式，避免出错。
其中错误□□信息提示□□□□弹窗这里□□□推荐使用◎弹窗插入layer，也是一款□□国人开发※的非常好□□□□用的弹窗□□□插件，可以配合□□□□表单验证▼来做出更□□漂亮的交□□□互效果。
下面是具体的验证代码形式。


作者：OETY欧亿严成

OETY欧亿□□□专注于企□□□□业网站设▲计、品牌网站□□□设计、响应式网□□□□站建设、商城系统▲开发，也可以为•提供前端○制作和后□□□台程序开□□发，也就是客◆户提供设□□□计稿，我们根据□□客户的设▼计稿进行◤后续开发，这种情况□□□主要是当□□客户公司□□□□有设计师□□□□的情况。