jQuery 表单验证插件
https://plugins.jquery.com/tag/validate/jQuery validation 插件
http://jqueryvalidation.org
Validate.js 客户端验证:
用于表单元素的输入验证,如输入不能为空,所输入的邮箱地址是否合法
- 减少服务器端的压力
- 缩短用户等待时间
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
效果图
Reference Link
jQuery-Validation-Plugin-Example
10-jquery-form-validation-plugins