jQuery EasyUI API 中文文檔 - ValidateBox驗證框

更新時間：2011年10月06日 22:58:05 作者：

jQuery EasyUI API 中文文檔 - ValidateBox驗證框，使用jQuery EasyUI的朋友可以參考下。

用 $.fn.validatebox.defaults 重寫了 defaults。

用法

 
$('#vv').validatebox({ 
required:true 
}); 

驗證規(guī)則
驗證規(guī)則是通過使用 required 和 validType 特性來定義的，這里是已經實施的規(guī)則：
email：匹配 email 正則表達式規(guī)則
url：匹配 URL 正則表達式規(guī)則
length[0,100]：允許從 x 到 y 個字符
remote['http://.../action.do','paramName']：發(fā)送 ajax 請求來驗證值，成功時返回 'true' 。
要自定義驗證規(guī)則，重寫 $.fn.validatebox.defaults.rules ，來定義一個驗證函數(shù)和無效的信息。例如，定義一個 minLength 驗證類型：

復制代碼代碼如下:

 
$.extend($.fn.validatebox.defaults.rules, { 
minLength: { 
validator: function(value, param){ 
return value.length >= param[0]; 
}, 
message: 'Please enter at least {0} characters.' 
} 
}); 

現(xiàn)在你可以使用這個 minLength 驗證類型，去定義一個至少輸入5個字符的輸入框：

復制代碼代碼如下:

特性

名稱	類型	說明	默認值
required	boolean	定義是否字段應被輸入。	false
validType	string	定義字段的驗證類型，比如 email、url，等等。	null
missingMessage	string	當文本框是空時出現(xiàn)的提示文字。	This field is required.
invalidMessage	string	當文本框的內容無效時出現(xiàn)的提示文字。	null

方法

名稱	參數(shù)	說明
destroy	none	移除并且銷毀這個組件。
validate	none	進行驗證以判定文本框的內容是否有效。
isValid	none	調用 validate 方法并且返回驗證結果，true 或者 false。

風流涕淌翻譯。

您可能感興趣的文章:

從零開始學習jQuery (一) 開天辟地入門篇
本篇文章是入門第一篇, 主要是簡單介紹jQuery, 通過簡單示例指導大家如何編寫jQuery代碼以及搭建開發(fā)環(huán)境. 詳細講解了如何在Visual Studio中配合使用jQuery.
2010-10-10
jquery.post用法關于type設置問題補充
當使用ajax獲取data數(shù)據(jù)的時候，直接data.foo就可以得到。而較低版本的jquery就不行比如1.4之前，下面為大家介紹下jquery.post用法關于type設置問題
2014-01-01
jQuery學習總結之元素的相對定位和選擇器(持續(xù)更新)
jQuery中不僅可以使用選擇器就行絕對定位，而且還可以進行相對定位，只要在$()中指定第二個參數(shù)，第二個參數(shù)就是相對的元素。第二個參數(shù)傳遞一個jQuery對象，則相對于這個對象為基準進行相對的選擇。
2011-04-04
基于jQuery實現(xiàn)可編輯的表格
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
jQuery編輯器KindEditor4.1.4代碼高亮顯示設置教程
接下來介紹下編輯器KindEditor4.1.4代碼高亮顯示設置：加載需要的JS和CSS文件/編輯器初始化設置后，在里面加prettyPrint等等，感興趣的你可以參考下本文
2013-03-03
基于jquery用于查詢操作的實現(xiàn)代碼
通過javascript得到用戶操作改變url參數(shù)從而實現(xiàn)某些功能，如查詢(具體的查詢由服務器端代碼得到url中的參數(shù)組成查詢語句實現(xiàn))。
2010-05-05
JQuery解析HTML、JSON和XML實例詳解
JQuery具有強大的解析數(shù)據(jù)的能力，本文詳細介紹HTML、JSON和XML格式的文件的數(shù)據(jù)如何解析
2014-03-03
如何使用jquery實現(xiàn)文字上下滾動效果
這篇文章主要介紹了jquery實現(xiàn)文字上下滾動效果。文字上下滾動循環(huán)顯示也是一種非常常見而且非常容易實現(xiàn)的文字特效。這是一種現(xiàn)在比較流行用的效果,用法很簡單。
2016-10-10
一次$.getJSON不執(zhí)行的簡單記錄
下面小編就為大家?guī)硪黄淮?.getJSON不執(zhí)行的簡單記錄。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
jQuery實現(xiàn)DIV響應鼠標滑過由下向上展開效果示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)DIV響應鼠標滑過由下向上展開效果,涉及jQuery基于事件響應結合stop與animate方法控制頁面元素屬性動態(tài)變換相關操作技巧,需要的朋友可以參考下
2018-04-04