jquery validate表单验证的基本用法入门(jquery validator)

推荐整理分享jquery validate表单验证的基本用法入门(jquery validator)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery validate表单校验,jquery validate表单校验长度,jquery操作表单,jquery操作表单,jquery validate表单校验,jquery validate表单校验,jquery validate表单校验html,jquery validate表单内容怎么添加边框,内容如对您有帮助，希望把文章链接给更多的朋友！

一、 jQuery Validate 插件的介绍

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 种语言。

该插件是由 Jörn Zaefferer 编写和维护的，他是 jQuery 团队的一名成员，是 jQuery UI 团队的主要开发人员，是 QUnit 的维护人员。

jQuery Validate 拥有以下的特点：

（1）内置验证规则；

功能强大的 jQuery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。

兼容 IE 6+, Chrome, Firefox, Safari, Opera +

（2）自定义验证规则；

（3） 简单，强大的信息提示。

（4） 实时验证：通过keyup 或是blur事件来触发校验，而不仅仅是提交的时候进行校验。三、简单的例子来学习jQuery Validate

这些例子前提都是需要引入jQuery库和Validation插件。

1. 利用插件进行一些简单的校验

效果如下：

以上的校验的解释：1）、首先需要引入jquery-1..1.js，因为这个插件实在JQuery的基础上进行的。2）、引入校验插件 jquery.validate.js 。3）、引入提示本地化脚本。验证信息的国际化，默认验证提示是英文的，导入validation已写好的国际化文件就可实现国际化。改变 错误/正确 消息显示样式。4）、在input框的class属性中添加要校验的类型。针对不同的字段，进行验证规则编码，设置字段相应的属性

其中的一些可验证的规则类型：

5）、确定哪个表单需要被验证

本文已被整理到了《jquery表单验证大全》 ，欢迎大家学习阅读。