jQuery Validation Plugin驗證外掛程式手動驗證_jquery

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 –和另一個文字方塊的值相等驗證