位置: 编程技术 - 正文
推荐整理分享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中删除节点方法)
友情链接: 武汉网站建设