位置: 编程技术 - 正文
jquery validate表单验证的基本用法入门(jquery validator)
编辑：rootadmin推荐整理分享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 的维护人员。
官方网站： 在线文档： 在线 API： Validate 拥有的特点介绍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表单验证大全》 ，欢迎大家学习阅读。
标签: jquery validator
本文链接地址:https://www.jiuchutong.com/biancheng/380636.html 转载请保留说明！上一篇：jQuery添加删除DOM元素方法详解(jquery中删除节点方法)
下一篇：jQuery实现多级联动下拉列表查询框(jquery多级菜单)
