EasyUI表單驗證

2021-07-15 04:19:01 字數 3811 閱讀 3809

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...