jQuery Validation Plugin - 表单验证

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容