validate是jQuery插件,及必須在jQuery的基礎上進行運行。因此首先要導入jQuery庫,validate庫和國際化資源庫(可選)git
validate須要手動聲明,對那個表單進行校驗,手動方式能夠使用如下4種校驗方式。ajax
<script type="text/havascript"> $().ready(function{ $("#formId").validate(); }); </script>
校驗類型 | 取值 | 描述 |
required | true||false | 必填字段 |
郵件地址 | ||
url | 路徑 | |
date | 數字 | 日期 |
dateISO | 字符串 | 日期(YYYY-MM-dd) |
number | 數字(負數,小數) | |
digits | 整數 | |
minlength | 數字 | 最小長度 |
maxlength | 數字 | 最大長度 |
rangelength | [minL,maxL] | 長度範圍 |
min | 最小值 | |
max | 最大值 | |
range | [min,max] | 值範圍 |
equalTo | jQuery表達式 | 兩個值相同 |
remote | url路徑 | ajax校驗 |
js代碼方式ui
語法: $(...).validate({ rules:{}, messages:{} }); rules規則語法: rules:{ 字段名:校驗器, 字段名:校驗器 } 校驗器語法: 語法:{校驗器:值,校驗器:值,...} messages提示語法: messages:{ 字段名:{校驗器:"提示",校驗器:"提示",...} }
例:url
$("#formId").validate({ rules:{ username:{ required:true }, password:{ required:true, rangelength:[2,5] }, repassword:{ equalTo:"[name=password]" } }, messages:{ username:{ required:"不能爲空" }, password:{ rangelength:"長度{0}-{1}之間" }, repassword:{ equalTo:"密碼不一致" }, } })