舉個例子，有這麼乙個表單：
在這個表單中，有名、姓、使用者名稱、密碼、確認密碼和email。他們都為非空，並且電子郵件需要是格式正確的位址、確認密碼和密碼一致。使用jquery驗證最簡單的方式是引入jquery.js和jquery validation.js兩個js檔案。然後分別在input中加入class即：
以下列出validate自帶的預設驗證
required: "必選字段",
remote: "請修正該欄位",
email: "請輸入正確格式的電子郵件",
url: "請輸入合法的**",
date: "請輸入合法的日期",
dateiso: "請輸入合法的日期 (iso).",
number: "請輸入合法的數字",
digits: "只能輸入整數",
creditcard: "請輸入合法的信用卡號",
equalto: "請再次輸入相同的值",
accept: "請輸入擁有合法字尾名的字串",
maxlength: jquery.format("請輸入乙個長度最多是 的字串"),
minlength: jquery.format("請輸入乙個長度最少是 的字串"),
rangelength: jquery.format("請輸入乙個長度介於 和 之間的字串"),
range: jquery.format("請輸入乙個介於 和 之間的值"),
max: jquery.format("請輸入乙個最大為 的值"),
min: jquery.format("請輸入乙個最小為 的值")
然後，在document的read事件中，加入如下方法：
這樣，當form被提交的時候，就會根據input指定的class來進行驗證了。如果失敗，form的提交就會被阻止。並且，將提示資訊顯示在input的後面。
不過，這樣感覺不好，因為驗證規則侵入了我們的html**。還有乙個方式，便是使用「rules」。我們將input的那些驗證用class刪除掉。然後修改document的ready事件響應**：
$(document).ready(function(),
email:
}});
})$(document).ready(function(),
email:
},messages:,
email:
}});
})如果你還想在錯誤資訊上顯示特別的樣式(比如字型為紅色)即可通過新增：
繼續新增對輸入密碼長度的驗證規則：
$(document).ready(function(),
confirm_password:,
email:
},messages:位"),
maxlength:jquery.format("密碼長度不超過位")
},confirm_password:,
email:
}});
})使用remote
可以通過event指定觸發效驗方式（可選值有keyup(每次按鍵時)，blur(當控制項失去焦點時)，不指定時就只在按提交按鈕時觸發）
$(document).ready(function())
})如果通過指定debug為true則表單不會提交只能用來驗證(預設為提交)，可用來除錯
$(document).ready(function())
})如果在提交前還需要進行一些自定義處理使用submithandler引數
$(document).ready(function()
})})
jquery表單驗證
手機號碼驗證 中文字兩個位元組 jquery.validator.addmethod byterangelength function value,element,param return this.optional element length param 0 length param 1 請確保...
jquery表單驗證
順便吐槽星期六前端群裡的出來面基了，宅毛線，出來 嗨 表單驗證基於jquery beat1.0 相容ie6 author jounreyyao data 2015 07 02 function else if u4e00 u9fa5 i.test name else datayear functio...
Jquery表單驗證
這裡引用的是jquery.validate.js檔案 預設校驗規則 1 required true 必輸字段 2 remote check.php 使用ajax方法呼叫check.php驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 d...