TS下,form表單驗證validate報錯

2021-09-24 07:51:52 字數 524 閱讀 3443

validate報錯

property 'validate' does not exist on type

'vue | element | vue | element'.

property 'validate' does not exist on type

'vue'.

any複製**

原因:

validate找不到型別,此時可以使用型別斷言,將 validate 斷言成: htmlformelement

型別斷言的用法如上,在需要斷言的變數前加上 即可。 型別斷言不是型別轉換

解決方法:

1)、型別斷言 (this.$refs[formname] as htmlformelement).validate();

2)、定義乙個變數等價formdata:

export default class accountedit extends vue )

}}複製**

FORM表單驗證

方法一 利用form的onsubmit 函式 經常使用 html 注意 1.onsubmit屬性內容一定要有return關鍵字,否則函式會直接執行,不會返回 2.validateform一定要返回乙個boolean型別的返回值 3.提交按鈕要寫成submit型別的 方法二 利用input型別為sub...

form表單驗證

輸入框驗證 注 1 必填驗證需要在必填處加入 class required 2 長度最大值需要在input加入自定義屬性maxlen,例如maxlen 3 function validatorform validatorlist i id change function layer.msg 必填項不...

form表單驗證庫

github原始碼 form validator 這是乙個form表單驗證器,基於jquery usage some form formvalidator 基本使用說明 最基本的demo 你所有的需要驗證的字段必須要加上class need validate 所有字段必要要乙個包裹在class fi...