jQuery Validation Plugin - 表单验证

• jQuery 表单验证插件
  https://plugins.jquery.com/tag/validate/

• jQuery validation 插件
  http://jqueryvalidation.org

---

Validate.js 客户端验证：
用于表单元素的输入验证，如输入不能为空，所输入的邮箱地址是否合法

1. 减少服务器端的压力
2. 缩短用户等待时间

---

Validate.js 重要概念:

• validate({ } )方法
  插件的核心方法，定义校验规则(rules) 和相关配置项

• rules
  验证规则，指元素和验证方法的关联。如页面中id=mailBox的文
  本框,需要带有Email的验证方法(email:true 或
  required:true)。

• method
  验证的逻辑，如 (email:true 或 required:true)。

---

唠叨一圈，该实战了。
实现Validate.js只需要两个步骤：
(1) 引入 jquery.js ,jquery.validate.js 两个脚本；
(2) 关联表单与验证方法，定义验证结果的显示的信息。

Demo Code
效果图

validateJS.png

Reference Link
jQuery-Validation-Plugin-Example
10-jquery-form-validation-plugins