快捷導(dǎo)航

jQuery Validation Plugin驗(yàn)證插件手動(dòng)驗(yàn)證

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

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

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

正常的驗(yàn)證模式如下:

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

這樣只要點(diǎn)擊提交按鈕,插件會(huì)自動(dòng)進(jìn)行驗(yàn)證.

但是有時(shí)候我們想要點(diǎn)擊其它按鈕來(lái)驗(yàn)證一下表單,接著根據(jù)表單的驗(yàn)證結(jié)果來(lái)做剩下的事情.

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

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

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

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

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

驗(yàn)證字段

required –必填字段

remote – 遠(yuǎn)程驗(yàn)證

minlength – 最小長(zhǎng)度驗(yàn)證

maxlength – 最大長(zhǎng)度驗(yàn)證

rangelength – 長(zhǎng)度范圍驗(yàn)證

min – 最小值驗(yàn)證

max – 最大值驗(yàn)證

range – 范圍值驗(yàn)證

email – 郵件地址驗(yàn)證