jQuery Validation Plugin验证插件手动验证

jQuery Validation Plugin：一个强大的表单验证工具

jQuery Validation Plugin是jQuery旗下的一款验证框架。借助jQuery的便利，我们可以迅速验证常见的输入，并且可以根据自己的需求扩充验证方法。该插件对国际化也提供了良好的支持。

一、基本验证模式

通常，我们会有一个基本的表单结构，例如：

```html

```

通过简单的调用`$('ff').validate()`，当你点击提交按钮时，插件会自动进行验证。

二、手动触发验证

有时候，我们可能想要在点击其他按钮时进行表单验证，然后根据验证结果执行后续操作。查看源码后，我们会发现`form()`方法，虽然方法名看似与验证操作不太相符，但实际上它就是进行验证操作的。

我们可以这样操作：

申明一个全局变量`validator`：

```javascript

var validator;

$(function(){

validator = $('ff').validate();

});

```

然后，创建一个函数`add()`，在其中调用`validator.form()`来获取验证结果：

```javascript

function add() {

var b = validator.form();

if(b){

// 验证成功，执行添加操作...

}

}

```

为按钮添加点击事件：

```html

保存

```

三、验证字段

该插件提供了丰富的验证方法，包括但不限于：

required：必填字段。

remote：远程验证。

minlength：最小长度验证。

maxlength：最大长度验证。

rangelength：长度范围验证。

min：最小值验证。

max：最大值验证。

range：范围值验证。

email：邮件地址验证。

url：URL地址验证。

date：日期验证。

dateISO：ISO日期格式验证。

number：十进制数验证。

digits：数字验证。

creditcard：信用卡号验证。

equalTo：和一个文本框的值相等验证。

如果在验证过程中发生错误，插件会显示错误信息。若要清除错误信息，可以调用`validator.resetForm()`方法。有了这两个方法，我们可以更灵活地运用验证插件。通过调用`cambrian.render('body')`来渲染表单的验证结果。