美文网首页前端攻城狮程序员
jQuery Validation Plugin - 表单验证

jQuery Validation Plugin - 表单验证

作者: HelloCherry | 来源:发表于2016-08-25 00:03 被阅读484次

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

相关文章

网友评论

本文标题:jQuery Validation Plugin - 表单验证

本文链接:https://www.haomeiwen.com/subject/xbzhsttx.html