jquery.validate.js真是一个好东东,功能强大。使用它进行客户端验证分两种情况。今天暂时记录第一种用法,因为第二种用法还没学会。(⊙o⊙)
1、下载jquery.validate.js及Jquery.js文件
jquery.Validation 官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
jquery.Validation 在线文档:http://docs.jquery.com/Plugins/Validation
jquery.Validation 在线 API(强烈推荐):http://jquery.bassistance.de/api-browser/plugins.html
jquery.Validation 官方项目介绍:http://plugins.jquery.com/project/validate
jquery.Validation1.3 [2009-3-10] 最新版下载地址:http://plugins.jquery.com/files/jquery.validate_13.zip
一些有用的中文帖子和博客文章:
jQuery的表单校验插件validate:http://hi.baidu.com/dereky/blog/item/c1cbc3fd60e1aa46d6887d8e.html
jquery.validate.js简介:http://www.iteye.com/topic/276661
2、创建网页文件
<head>
<html:base />
<title>addPatient.jsp</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#aa").validate();//aa为form表单的id属性,必须为id属性,name属性不行
});
</script>
</head>
注:必须有meta标记,否则页面报错
3、创建表单
<html:form action="/addPatient" styleId="aa">
idcard:<html:text property="idcard" styleClass="required"></html:text>
<html:errors property="idcard"/>
<br/>
<html:submit></html:submit>
</html:form>
其中"required"在jquery.validate.js文件中已定义好。在此文件大红256行定义了许多规则,可供直接使用。
分享到:
相关推荐
jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,实现客户端的交互功能。在给定的标题中提到了两个关键的JavaScript库:`jquery-1.11.1.min.js` 和 `jquery.validate.min.js`。 ...
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
jQuery是一个广泛使用的JavaScript库,而jQuery.validate则是jQuery的一个强大插件,专门用于实现客户端的表单验证。本篇文章将详细介绍jQuery.validate框架及其核心功能。 一、jQuery.validate简介 jQuery....
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
jQuery Validate插件是基于流行的JavaScript库jQuery的一个扩展,主要目的是简化HTML表单的验证过程。通过这个插件,开发者可以轻松地添加验证规则,对用户输入进行实时检查,并显示相应的错误信息。它提供了丰富的...
jQuery.validate.js是一个非常流行的JavaScript库,用于对HTML表单进行客户端验证。它提供了丰富的内置验证规则,如非空、电子邮件、数字等,同时支持自定义验证规则,使得开发者能够灵活地根据业务需求定制验证逻辑...
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。 这里提供了该插件的下载。
jQuery Validate插件是用于客户端验证的工具,它允许开发者轻松地为表单添加各种验证规则,以确保用户输入的数据符合预设的条件。例如,你可以设定字段是否必须填写,邮箱格式是否正确,数字范围是否在指定区间等。...
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。
`jquery.validate.js` 是一款基于jQuery的表单验证插件,能够方便地实现客户端表单验证功能。该插件提供了丰富的内置验证方法,支持必填项检查、邮箱格式验证、URL验证等,并允许用户自定义验证规则与错误提示信息。...
在本文中,我们将探讨如何使用jQuery Validate库进行客户端验证,并解释为什么在某些情况下不使用微软的验证控件。jQuery Validate是一个强大的JavaScript库,专门用于处理HTML表单验证,它为开发者提供了灵活且易于...
jQuery.validate插件是jQuery库的一个强大验证工具,用于在客户端实现表单数据的验证,它大大简化了网页表单验证的复杂性。该插件提供了一系列内置规则和自定义规则,能够灵活地验证用户输入的数据,确保数据的有效...
`jQuery Validate` 是一个流行的 JavaScript 库,用于在客户端对 HTML 表单进行验证。它是由 jQuery 团队开发的,极大地简化了网页表单验证的过程,提供了丰富的自定义选项和错误消息显示方式。在本篇文章中,我们将...
jQuery validate插件是一款功能强大的客户端表单验证工具,它能够帮助开发者轻松地实现对HTML表单的验证,提高用户体验,避免无效或错误的数据提交到服务器。该插件基于jQuery库,使得在JavaScript中进行表单验证变...
`jQuery.validate.js` 是一款非常流行的JavaScript库,专门用于客户端表单验证。它基于jQuery框架,提供了丰富的验证规则和灵活的自定义选项,使得开发者能够轻松地实现各种复杂的验证逻辑。本文将详细介绍`jQuery....
jQuery Validate 是一个强大的客户端表单验证插件,用于简化HTML表单的验证过程。这个文档主要涵盖了一系列关于jQuery Validate框架的使用方法、可选参数、验证器和实用工具。以下是对这些知识点的详细说明: 1. **...
jQuery.validate.js 是一款强大的 jQuery 插件,主要用于客户端表单验证。该插件简化了原本复杂的表单验证过程,并提供了丰富的内置验证方法,支持自定义验证规则及错误消息等功能,极大地提高了前端开发效率。 ###...
`jQuery.validate`插件是一种基于jQuery的表单验证工具,它可以帮助开发者快速实现客户端数据校验功能,提高用户体验的同时减少服务器端的压力。该插件支持多种内置验证规则,并且可以方便地扩展自定义规则。 #### ...