jQuery Validation Plugin驗證插件手動驗證

更新時間：2016年01月26日 10:09:48 投稿：mrr

jquery.validate是jquery旗下的一個驗證框架，借助jquery的優(yōu)勢，我們可以迅速驗證一些常見的輸入,并且可以自己擴充自己的驗證方法，并且對國際化也有很好的支持，接下來通過本文給大家介紹jQuery Validation Plugin驗證插件手動驗證

jquery.validate是jquery旗下的一個驗證框架，借助jquery的優(yōu)勢，我們可以迅速驗證一些常見的輸入,并且可以自己擴充自己的驗證方法，并且對國際化也有很好的支持。

正常的驗證模式如下:

<form id="ff" action="xxx"> 
... 
<input type="submit" value="提交"> 
</form> 
[java] view plaincopy在CODE上查看代碼片派生到我的代碼片
$('#ff').validate()

這樣只要點擊提交按鈕,插件會自動進行驗證.

但是有時候我們想要點擊其它按鈕來驗證一下表單,接著根據(jù)表單的驗證結果來做剩下的事情.

查看源碼發(fā)現(xiàn)有個form()方法,這個方法就是進行驗證操作,雖然方法字面意思不太相符.

然后我們就可以這樣操作:

var validator;// 申明一個全局變量 
$(function(){ 
validator = $('#ff').validate();// 這句話會返回一個對象 
}) 
function add() { 
var b = validator.form();// 返回一個布爾值 
if(b){ // 驗證成功 
// do add... 
} 
} 
<button onclick="add()">保存</button>

如果驗證出錯了,會顯示錯誤信息,如果要清除錯誤信息可以調(diào)用validator.resetForm();方法

這樣有了validator.form()和validator.resetForm()兩個方法我們就可以靈活使用驗證插件了.

驗證字段

required –必填字段

remote – 遠程驗證

minlength – 最小長度驗證

maxlength – 最大長度驗證

rangelength – 長度范圍驗證

min – 最小值驗證

max – 最大值驗證

range – 范圍值驗證

email – 郵件地址驗證