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