easyui的form表單裡面的驗證框,先講解下validatebox類和相關的屬性。
驗證規則
驗證規則是通過使用 required 和 validtype 特性來定義的, 這裡是已經實施的規則:
要自定義驗證規則,重寫 $.fn.validatebox.defaults.rules ,來定義乙個驗證函式和無效的資訊。例如,定義乙個 minlength 驗證型別:
1. $.extend($.fn.validatebox.defaults.rules, ,
6.
message:
'please enter at least characters.'
7.
}
8.
});特性
名稱
型別
說明
預設值
required
boolean
定義是否欄位應被輸入。
false
validtype
string
定義欄位的驗證型別,比如 email、url,等等。
null
missingmessage
string
當文字框是空時出現的提示文字。
this field is required.
invalidmessage
string
當文字框的內容無效時出現的提示文字。
null
方法
名稱
引數
說明
destroy
none
移除並且銷毀這個元件。
validate
none
進行驗證以判定文字框的內容是否有效。
isvalid
none
呼叫 validate 方法並且返回驗證結果,true 或者 false。
特性
其特性擴充套件自 validatebox,下列是為 numberbox 增加的特性。
名稱
型別
說明
預設值
disabled
boolean
定義是否禁用該域。
false
minnumber
允許的最小值。
null
maxnumber
允許的最大值。
null
precision
number
顯示在小數點後面的最大精度。
方法
其方法擴充套件自 validatebox,下列是為 numberbox 追加或重寫的方法。
名稱
引數
說明
disable
none
禁用該域。
enable
none
啟用該域。
fixnone
把值固定為有效的值。
依賴
特性
其特性擴充套件自 combo,下列是為 datebox 增加的特性。
名稱
型別
說明
預設值
panelwidth
number
下拉日曆面板的寬度。
panelheight
number
下拉日曆面板的高度。
auto
currenttext
string
當前日期按鈕上顯示的文字。
today
closetext
string
關閉按鈕上顯示的文字。
close
oktext
string
確定按鈕上顯示的文字。
okdisabled
boolean
為 true 時禁用該域。
false
formatter
function
格式化日期的函式,此函式有乙個 'date' 引數,並返回乙個字串值。
parser
function
解析日期字串的函式,此函式有乙個 'date' 字串引數,並返回乙個日期值。
事件
名稱
引數
說明
onselect
date
當使用者選擇乙個日期時觸發。
方法
其方法擴充套件自 combo,下列是為 datebox 重寫的方法。
名稱
引數
說明
options
none
返回 options 物件。
calendar
none
獲取 calendar 物件。
setvalue
value
設定 datebox 的值。
依賴
特性
其特性擴充套件自 datebox,下列是為 datetimebox 增加的特性。
名稱
型別
說明
預設值
showseconds
boolean
定義是否顯示秒的資訊。
true
方法
其方法擴充套件自 datebox,下列是為 datetimebox 重寫的方法。
名稱
引數
說明
options
none
返回 options 物件。
spinner
none
返回 timespinner 物件。
setvalue
value
設定 datetimebox 的值。
easyUI 表單驗證
easyui表單驗證,主題 2.遠端校驗 需要和後台互動的校驗 這個涉及到easyui校驗的觸發機制。3.表單提交時的校驗 easyui的驗證,定義input標籤的class easyui validatebox 驗證在dataoptions屬性中。先看一段簡單的 驗證使用者名為必填字段 驗證登入名...
easyui表單的驗證
擴充套件easyui表單的驗證 extend fn.validatebox.defaults.rules,message 只允許漢字 英文本母 數字及下劃線 減號和 chs length character else else message easy 的多重驗證 1 2 return true 不...
easyui 之表單驗證
1 2 擴充套件easyui的validator外掛程式rules,支援更多型別驗證 3 4 extend fn.validatebox.defaults.rules,9 message 最少輸入 個字元 10 11 length 16 message 輸入內容長度必須介於和之間 17 18 pho...