快捷導(dǎo)航

JQuery擴(kuò)展插件Validate 1 基本使用方法并打包下載

更新時間：2011年09月05日 21:23:00 作者：

Validate是用于B/S結(jié)構(gòu)客戶端驗(yàn)證用的JQuery擴(kuò)展插件,使用時需要引用兩個js文件

分別是：
<script src="../Contents/JS/jquery-1.5.js" type="text/javascript"></script>
<script src="../Contents/JS/jquery.validate.min.js" type="text/javascript"></script>

1、基本使用方法，通過樣式設(shè)置驗(yàn)證規(guī)則

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
$(function() { $("#signupForm").validate(); }); //驗(yàn)證所選擇的表單 
</script> 

<p> 
<label for="email">Email</label> 
<input id="email" name="email" class="required email" /> 
<!--該項(xiàng)表示電子郵箱是必填的，且是正確的email--> 
</p> 
<p> 
<label for="txtAge">年齡</label> 
<input id="txtAge" name="txtAge" min="18" max="45" /> 
<!--年齡只能在18-45之間--> 
</p> 

當(dāng)表單提交時，如果沒有填寫email或者是錯誤的email將發(fā)生錯誤,如下所示:

文本框后面的默認(rèn)提示可以修改jquery.validate.min.js，將英文查找并替換成中文，樣式可以通過css的類樣式改變?nèi)?required,.email等，當(dāng)然這里的class可以一項(xiàng)或多項(xiàng)中間用空格分隔，語法格式與css一樣，可選擇的項(xiàng)還有：

(1)required:true 必輸字段
(2)remote:"check.php" 使用ajax方法調(diào)用check.php驗(yàn)證輸入值
(3)email:true 必須輸入正確格式的電子郵件
(4)url:true 必須輸入正確格式的網(wǎng)址
(5)date:true 必須輸入正確格式的日期
(6)dateISO:true 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗(yàn)證格式，不驗(yàn)證有效性
(7)number:true 必須輸入合法的數(shù)字(負(fù)數(shù)，小數(shù))
(8)digits:true 必須輸入整數(shù)
(9)creditcard: 必須輸入合法的信用卡號
(10)equalTo:"#field" 輸入值必須和#field相同
(11)accept: 輸入擁有合法后綴名的字符串（上傳文件的后綴）
(12)maxlength:5 輸入長度最多是5的字符串(漢字算一個字符)
(13)minlength:10 輸入長度最小是10的字符串(漢字算一個字符)
(14)rangelength:[5,10] 輸入長度必須介于 5 和 10 之間的字符串")(漢字算一個字符)
(15)range:[5,10] 輸入值必須介于 5 和 10 之間
(16)max:5 輸入值不能大于5
(17)min:10 輸入值不能小于10

源碼下載

您可能感興趣的文章:

Validate

相關(guān)文章

JQuery驗(yàn)證jsp頁面屬性是否為空(實(shí)例代碼)
JQuery驗(yàn)證jsp頁面屬性是否為空的實(shí)例代碼。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
jQuery實(shí)現(xiàn)最簡單實(shí)用的分秒倒計時
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)最簡單實(shí)用的分秒倒計時，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery實(shí)現(xiàn)響應(yīng)瀏覽器縮放大小并改變背景顏色
這篇文章主要介紹了jQuery實(shí)現(xiàn)響應(yīng)瀏覽器縮放大小并改變背景顏色,比較實(shí)用，也很簡單，使用到了一個resize事件需要的朋友可以參考下
2014-10-10
Jquery 模板數(shù)據(jù)綁定插件的使用方法詳解
本篇文章是對在Jquery中模板數(shù)據(jù)綁定插件的使用方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-07-07
DropDownList實(shí)現(xiàn)可輸入可選擇（兩種版本可選）
本篇文章主要介紹了DropDownList實(shí)現(xiàn)可輸入可選擇的具體實(shí)現(xiàn)代碼，并附上兩種版本（js版本和jquery版本），可供大家選擇。有需要的朋友可以參考下
2016-12-12
jQuery fadeTo方法調(diào)整圖片的透明度使用介紹
利用jquery的fadeTo方法可以簡單的制作一些很不錯的動畫效果.可以使圖片或者文字或者區(qū)塊以不同的透明度效果出現(xiàn).例如以下練習(xí)實(shí)例，感興趣的朋友可以參考下哈
2013-05-05
jquery仿ps顏色拾取功能
本文主要介紹jquery仿ps顏色拾取功能的實(shí)例，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
jQuery中復(fù)合屬性選擇器用法實(shí)例
這篇文章主要介紹了jQuery中復(fù)合屬性選擇器用法,實(shí)例分析了復(fù)合屬性選擇器匹配同時滿足多個屬性條件元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2014-12-12
jQuery實(shí)現(xiàn)簡單日期格式化功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡單日期格式化功能,涉及jQuery調(diào)用javascript針對日期格式轉(zhuǎn)換擴(kuò)展實(shí)現(xiàn)日期格式化功能相關(guān)操作技巧,需要的朋友可以參考下
2017-09-09
jQuery中使用animate自定義動畫的方法
這篇文章主要介紹了jQuery中使用animate自定義動畫的方法的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-05-05