jQuery EasyUI API 中文文檔 - ValidateBox驗證框
用 $.fn.validatebox.defaults 重寫了 defaults。
用法
<input id="vv" required="true" validType="email">
$('#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個字符的輸入框:
<input class="easyui-validatebox" validType="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 Validate 相關參數(shù)及常用的自定義驗證規(guī)則
- JQuery validate 驗證一個單獨的表單元素實例
- jQuery Validate驗證表單時多個name相同的元素只驗證第一個的解決方法
- jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法
- 利用jQuery.Validate異步驗證用戶名是否存在(推薦)
- jquery easyui validatebox remote的使用詳解
- jquery validate.js表單驗證的基本用法入門
- jQuery validate 中文API 附validate.js中文api手冊
- jQuery.Validate驗證庫的使用介紹
- JavaScript實現(xiàn)分頁效果
相關文章
javascript原生和jquery庫實現(xiàn)iframe自適應高度和寬度
這篇文章主要介紹了javascript原生和jquery庫實現(xiàn)iframe自適應內容高度和寬度,需要的朋友可以參考下2014-07-07Jquery+ajax請求data顯示在GridView上(asp.net)
Jquery ajax請求data顯示在asp.net中GridView控件上,需要的朋友可以參考下。2010-08-08使用jquery mobile做幻燈播放效果實現(xiàn)步驟
使用jquery mobile,可以很容易實現(xiàn)幻燈播放效果,擺脫繁雜的步驟輕松實現(xiàn),接下來介紹,有需要的朋友可以參考下2013-01-01用jQuery將JavaScript對象轉換為querystring查詢字符串的方法
這篇文章主要介紹了用jQuery將JavaScript對象轉換為querystring查詢字符串的方法,本文給大家分享兩種方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11jquery實現(xiàn)checkbox全選全不選的簡單實例
本篇文章主要是對jquery實現(xiàn)checkbox全選全不選的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12