JQuery表單驗(yàn)證插件jQuery.validate.js
來源:程序員人生 發(fā)布時(shí)間:2013-10-10 12:54:53 閱讀次數(shù):3001次
今天把 jquery.validate.js 下載下來,看了下它給的demo。現(xiàn)在來總結(jié)下筆記。
jquery.validate.js 官網(wǎng)下載:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
在上面可以下載到它的例子程序和js腳本
說明:本人看了下例子程序,有什么不對(duì)的請(qǐng)大家指正。謝謝!
使用它驗(yàn)證表單有2中方式:
1.使用它內(nèi)部定義好的驗(yàn)證(也就是錯(cuò)誤提示它已經(jīng)定義好了。不需要我們?cè)俣x,這種方便,簡(jiǎn)單。但不靈活。)
2.自定義錯(cuò)誤提示,這種可以自己定義錯(cuò)誤提示。需要寫的代碼就相對(duì)較多了。
實(shí)例1、使用jquery驗(yàn)證定義好的錯(cuò)誤提示。
一。我們先建一個(gè)表單,什么驗(yàn)證也沒有的一個(gè)表單。
<%@ 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>請(qǐng)輸入你的姓名,電子郵件和網(wǎng)址,以及你的評(píng)論</legend>
<p>
<label for="cname">姓名(必填,并2個(gè)字符)</label>
<input id="cname" name="name" />
<p>
<label for="cemail">電子郵件 (必填)</label>
<input id="cemail" name="email" />
</p>
<p>
<label for="curl">網(wǎng)址 (可選)</label>
<input id="curl" name="url"value="" />
</p>
<p>
<label for="ccomment">你的評(píng)論 (必填)</label>
<textarea id="ccomment" name="comment"></textarea>
</p>
<p>
<input type="submit" value="提交"/>
</p>
</fieldset>
</form>
</body>
</html>
2.添加驗(yàn)證
現(xiàn)在我們來添加驗(yàn)證。
1.引入jquery腳本
<script type="text/javascript" src="http://www.vxbq.cn/uploads/Common/jquery-1.3.2.min.js"></script>
<script src="http://www.vxbq.cn/uploads/Common/js/jquery.validate.js" type="text/javascript"></script>
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)