jQuery 表單驗證套件 Jquery Validate

jQuery 的輸入表單驗證套件目前用起來覺得最簡單也最乾淨的就是這套了

Jquery Validate
官網下載

下載完成後會有很多東西，不過最簡單的使用看起來只需要用到這兩個檔案

• jquery.js
• jquery.validate,js

使用方式
step 1.載入js檔案

jquery.js
jquery.validate,js

step 2.設定表單啟用，假設表單設為id=form

$(document).ready(function() {
 $("#form").validate();
});

接下來只要在input的class中放上各種預設的設置就可以了




預設配置

required：必填欄位
email：格式要符合E-Mail格式
url：格式要符合網址格式，如：http://www.minwt.com
number：數字格包含小數點
digits：數字為正整數
date：日期格式
dataISO：日期格式，格式必需為YYYY/MM/DD、YYYY-MM-DD、YYYYMMDD
equalTo：與某一欄位值相同
minValue：最小字元長度
maxValue：最大字元長度
rangeValue：字元長度區間長度
minLength：最小字元長度(漢字算一個字符)
maxLength：最大字元長度(漢字算一個字符)
rangeLength：字元長度區間長度(漢字算一個字符)

參考資料：
jQuery教學－jQuery.validate萬用表單驗證元件直接套用
Jquery Validate 驗證中文字