JQuery表单验证插件jQuery.validate.js
来源：程序员人生 发布时间：2013-10-10 12:54:53 阅读次数：2763次
今天把 jquery.validate.js 下载下来，看了下它给的demo。现在来总结下笔记。
jquery.validate.js 官网下载：http://bassistance.de/jquery-plugins/jquery-plugin-validation/
在上面可以下载到它的例子程序和js脚本
说明：本人看了下例子程序，有什么不对的请大家指正。谢谢！
使用它验证表单有2中方式：
1.使用它内部定义好的验证（也就是错误提示它已经定义好了。不需要我们再定义，这种方便，简单。但不灵活。）
2.自定义错误提示，这种可以自己定义错误提示。需要写的代码就相对较多了。
实例1、使用jquery验证定义好的错误提示。
一。我们先建一个表单，什么验证也没有的一个表单。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="jquery_asp.net._Default" %>
<!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 runat="server">
<title>jquery validate </title>
</head>
<body>
<form id="commentForm" method="get" action="">
<fieldset>
<legend>请输入你的姓名，电子邮件和网址，以及你的评论</legend>
<p>
<label for="cname">姓名（必填，并2个字符）</label>
<input id="cname" name="name" />
<p>
<label for="cemail">电子邮件 (必填)</label>
<input id="cemail" name="email" />
</p>
<p>
<label for="curl">网址 (可选)</label>
<input id="curl" name="url"value="" />
</p>
<p>
<label for="ccomment">你的评论 (必填)</label>
<textarea id="ccomment" name="comment"></textarea>
</p>
<p>
<input type="submit" value="提交"/>
</p>
</fieldset>
</form>
</body>
</html>
2.添加验证
现在我们来添加验证。
1.引入jquery脚本
<script type="text/javascript" src="http://www.wfuyu.com/uploads/Common/jquery-1.3.2.min.js"></script>
<script src="http://www.wfuyu.com/uploads/Common/js/jquery.validate.js" type="text/javascript"></script>
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
