jquery.validate是jquery旗下的一個驗證框架,借助jquery的優勢,我們可以迅速驗證一些常見的輸入,并且可以自己擴充自己的驗證方法,并且對國際化也有很好的支持。
正常的驗證模式如下:
<form id="ff" action="xxx"> ... <input type="submit" value="提交"> </form> [java] view plaincopy在CODE上查看代碼片派生到我的代碼片 $('#ff').validate()
這樣只要點擊提交按鈕,插件會自動進行驗證.
但是有時候我們想要點擊其它按鈕來驗證一下表單,接著根據表單的驗證結果來做剩下的事情.
查看源碼發現有個form()方法,這個方法就是進行驗證操作,雖然方法字面意思不太相符.
然后我們就可以這樣操作:
var validator;// 申明一個全局變量 $(function(){ validator = $('#ff').validate();// 這句話會返回一個對象 }) function add() { var b = validator.form();// 返回一個布爾值 if(b){ // 驗證成功 // do add... } } <button onclick="add()">保存</button>
如果驗證出錯了,會顯示錯誤信息,如果要清除錯誤信息可以調用validator.resetForm();方法
這樣有了validator.form()和validator.resetForm()兩個方法我們就可以靈活使用驗證插件了.
驗證字段
required ?必填字段
remote ? 遠程驗證
minlength ? 最小長度驗證
maxlength ? 最大長度驗證
rangelength ? 長度范圍驗證
min ? 最小值驗證
max ? 最大值驗證
range ? 范圍值驗證
email ? 郵件地址驗證
url ? URL地址驗證
date ?日期驗證
dateISO ?ISO 日期格式驗證
number ?十進制數驗證
digits ?數字驗證
creditcard ? 信用卡號驗證
equalTo ?和另外一個文本框的值相等驗證