插件文档学习网站：
http://www.codesky.net/article/doc/200903/2009031728908928.htm
下载相应的JQuery的Validate插件：
使用步骤：
在页面导入：
<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../jquery.validate.js" type="text/javascript"></script>
在页面初始化时加载校验的：
<script type="text/javascript">
$(document).ready(function() {
//此处绑定的表当的id
$("#commentForm").validate();
});
</script>
在表单中字段中使用特殊的样式实现校验的结果：
如果为必填时使用：class为required
<input id="cname" name="name" class="required" minlength="2" />
如果为url时class 为url
<input id="curl" name="url" class="url" value="" />
如果为电子邮件字可以使用：
<input id="cemail" name="email" class="required email" />
实例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>jQuery validation plug-in - comment form example</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#commentForm").validate();
});
</script>
<style type="text/css">
#commentForm { width: 500px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 253px; }
</style>
</head>
<body>
<form class="cmxform" id="commentForm" method="post" action="">
<fieldset>
<legend>Please provide your name, email address (won't be published) and a comment</legend>
<p>
<label for="cname">Name (required, at least 2 characters)</label>
<input id="cname" name="name" class="required" minlength="2" />
<p>
<label for="cemail">E-Mail (required)</label>
<input id="cemail" name="email" class="required email" />
</p>
<p>
<label for="curl">URL (optional)</label>
<input id="curl" name="url" class="url" value="" />
</p>
<p>
<label for="ccomment">Your comment (required)</label>
<textarea id="ccomment" name="comment" class="required"></textarea>
</p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</fieldset>
</form>
</body>
</html>
分享到：
相关推荐
### Struts2与jQuery.validate框架简介 #### Struts2框架 Struts2是Apache软件基金会的一个开源项目，它是Struts1的升级版，提供了一个用于构建企业级Java Web应用的强大MVC框架。Struts2的核心组件包括拦截器、...
jQuery Validate框架极大地简化了客户端表单验证，它提供了丰富的预设规则和自定义功能，可以灵活地处理各种验证需求。通过学习和实践，开发者可以快速地在项目中应用这个强大的验证工具，提升用户体验，减少无效...
本篇文章将详细介绍jQuery.validate框架及其核心功能。 一、jQuery.validate简介 jQuery.validate插件是由Jörn Zaefferer开发的，它的主要目标是简化和标准化HTML表单的验证过程。通过使用该插件，开发者可以轻松...
总结来说，jQuery.validate是一个强大且灵活的表单验证插件，它提供丰富的验证规则和高度可定制的错误处理。通过源码阅读，我们可以更深入地理解其工作原理，并根据实际需求进行扩展和优化。对于任何涉及用户输入...
使用此框架之前，需确保页面中已引入jQuery库和jQuery.validate插件。例如： ```html <script type="text/javascript" src="js/jquery-min.js"> <script type="text/javascript" src="js/jquery.validate.pack.js">...
jQuery.validate.js是一款强大的JavaScript插件，专为jQuery框架设计，用于实现前端表单验证，提供了丰富的验证规则和自定义选项，使得开发者能够轻松地构建具有高效验证功能的网页。 一、jQuery.validate.js的核心...
jQuery.validate是jQuery库的一个插件，它是一个功能强大的表单验证框架，使用它可以非常方便地实现前端表单验证。通过使用jQuery.validate，开发者可以定义表单元素的验证规则，并在表单提交之前执行这些规则，以...
在jQuery Validate框架中，主要包含以下几个核心知识点： 1. **安装与引入**：首先，你需要在项目中引入jQuery库和jQuery Validate插件的JavaScript文件。通常，这两个文件可以从CDN（内容分发网络）获取，或者下载...
通过上述方法，你可以灵活地使用jQuery Validate框架实现丰富的前端验证功能。无论是简单的表单还是复杂的业务场景，都能找到合适的解决方案。在实际开发中，记得根据项目需求合理选择和组合这些特性，以提供最佳的...
jQuery Validate 是一个强大的客户端验证插件，用于在用户提交表单前进行实时验证。这个框架大大简化了HTML表单的验证过程，提供了丰富的内置验证规则和可扩展的自定义验证功能，使得表单验证更加人性化和高效。 1....
jQuery Validate是一个强大的JavaScript库，它为jQuery框架提供了简单易用的表单验证功能。这个插件以其灵活性和丰富的定制选项，深受开发者喜爱。本文将深入探讨jQuery Validate的使用方法、核心功能和常见应用场景...
jquery.validate Validation .js验证框架 帮助 手册 文档.chm 版本 方面查询 （一）、可选项( options ) 1 （二）插件方法 (jQuery validation) 6 （三、四）选择器及实用工具 (jQuery validation) 7 四、实用工具...
然后，通过在页面中引入jQuery库和validate插件的JavaScript文件，你可以初始化验证行为。例如： ```html <script src="jquery.js"> <script src="jquery.validate.js"> $(document).ready(function() { $("#...
《jQuery Validate插件详解与应用指南》 在Web开发领域，表单验证是不可或缺的一环，它能够确保用户输入的数据符合预设的规则，从而提高数据的准确性和系统的稳定性。jQuery Validate是一个强大的JavaScript库，专...
【最新实用的Validate通用表单验证Jquery插件】是一个高效、灵活的前端验证工具，专为使用Jquery框架的Web开发人员设计。这个插件极大地简化了表单验证的过程，使得用户输入的数据在提交前就能得到有效的检查，从而...
总结来说，`jQuery Validate` 框架为客户端表单验证提供了强大而灵活的解决方案，包括多种内置规则、自定义规则、错误处理回调、忽略选项以及元数据支持。通过这些特性，你可以轻松地实现对用户输入的有效性检查，...
8. **插件扩展**：jQuery Validate可以与其他jQuery插件（如表单序列化插件）配合使用，以实现更复杂的表单操作。 **使用步骤：** 1. **引入库**：首先需要在HTML文档中引入jQuery库和jQuery Validate插件的脚本...
`jQuery Validate`是jQuery库的一个强大插件，用于前端表单验证。它简化了网页表单的验证过程，提供了一套完整的验证规则和灵活的扩展机制。以下是对这个验证框架的详细说明： ### 1. 插件简介 `jQuery Validate`...
其次，**jquery-validate**是一个基于jQuery的表单验证插件，它极大地简化了前端验证的实现过程。主要功能有： 1. **基本验证**：支持必填项、邮箱格式、电话号码格式等多种常见验证规则。 2. **自定义验证**：可以...