ExtJS中表單驗證使用自定義vtype示例

2021-09-01 04:01:34 字數 1016 閱讀 2068

在extjs中,使用了四種自定義,分別是'alpha',alphanum,'email','url',分別用來驗證表單中的值是否符合字母、字母數字、電子郵件、url等格式。但在實際應用中,我們需要驗證的格式或者規則還是很多的。由於extjs是開源的框架,因此,我們可以擴充套件vtype的功能,實現自定義的vtype。

比如,在實戰中,我們經常會遇到需要驗證密碼的問題,最常使用的,就是如何驗證原密碼跟重複密碼是否一致的問題。為了實現這個功能,我們可以自定義乙個vtype,命名為repetition。因此,或以編寫擴充套件**如下:12

repetition: 

function

(val, field) ,

5repetitiontext: 

'兩個指定元件的元件值不一樣'6

})複製**

repetition驗證函式也必須遵循一定的引數格式,一共需要提供兩個引數,val引數,是宿主表單的的表單值,field是宿主表單自身,所以,我們可以快速地通過這兩個引數,訪問表單宿主及其表單值,以此來進行驗證。

接下來,可以編寫實現邏輯如下:12

repetition: 

function

(val, field) );

12return

false;13

}14if(val 

==cmp.getvalue())  

else19}

20},

21repetitiontext: 

'兩個指定元件的元件值不一樣'22

})複製**

至此,擴充套件功能已經結束,我們可以在表單中,使用repetition驗證了。

1new

ext.form.fieldset(),

11new

ext.form.textfield(),

18new

ext.form.textfield(  

//配置repetition驗證,提供目標元件(表單)id

26})27]

28})

複製**

關於iview中表單Form自定義驗證

目的 實現使用iview中表單的驗證自己想要的結果 結果 網上找到合適方法validator 步驟 1.在form中設定好要驗證的值 1111 2222.在vue中data 寫驗證函式。官網有案例 export default else 3.在form中的驗證呼叫2的函式。menuclassifyi...

自定義表單驗證

判斷 號碼格式 judgephone function phone var isphone 0 9 0 9 if strtemp.test phone isphone.test phone else 這是判斷 號碼格式的方法,有移動形式和座機形式,符合標準返回1,不符合標準返回 1 格式 非必填 c...

自定義表單驗證框架

自定義表單驗證框架 var tool tool.onready function handler tool.createspan function style,msg tool.getel function id 為訊息提供樣式選擇 cls function 此類定義了一些正規表示式 reg fun...