DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery擴展插件Validate 1 基本使用方法並打包下載
JQuery擴展插件Validate 1 基本使用方法並打包下載
編輯:JQuery特效代碼     

分別是:
<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、基本使用方法,通過樣式設置驗證規則

代碼如下:
<script type="text/javascript">
$(function() { $("#signupForm").validate(); }); //驗證所選擇的表單
</script>

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

當表單提交時,如果沒有填寫email或者是錯誤的email將發生錯誤,如下所示:

文本框後面的默認提示可以修改jquery.validate.min.js,將英文查找並替換成中文,樣式可以通過css的類樣式改變如.required,.email等, 當然這裡的class可以一項或多項中間用空格分隔,語法格式與css一樣,可選擇的項還有:

(1)required:true 必輸字段
(2)remote:"check.php" 使用ajax方法調用check.php驗證輸入值
(3)email:true 必須輸入正確格式的電子郵件
(4)url:true 必須輸入正確格式的網址
(5)date:true 必須輸入正確格式的日期
(6)dateISO:true 必須輸入正確格式的日期(ISO),例如:2009-06-23,1998/01/22 只驗證格式,不驗證有效性
(7)number:true 必須輸入合法的數字(負數,小數)
(8)digits:true 必須輸入整數
(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

源碼下載

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved