iview同時驗證多個表單問題總結(jié)
iview驗證一個表單問題:
在上一篇文章中總結(jié)了iview表單驗證的問題。其實有兩種寫法:在點(diǎn)擊驗證時,這樣寫時,注意在前面的方法中將要驗證的form表單加進(jìn)去。
<Form ref="addAreaForm" :model="addAreaForm" :rules="ruleValidate" :label-width="120"></Form> //點(diǎn)擊確認(rèn)按鈕 <Button type='primary' @click='addAreaOK("addAreaForm")'>確定</Button> addAreaOK(name){ this.$refs[name].validate((valid)=>{ if (valid){ alert('驗證成功') } }) }
還有一種寫法:保存按鈕不傳form表單,在驗證時直接this.$refs.addpurchaseForm.validate
<Button type="primary" @click="handleSubmit">保存</Button> this.$refs.addpurchaseForm.validate((valid) => { // console.log(valid) if (valid) { alert('驗證成功') } })
iview驗證多個表單問題:在多表單驗證時,讓頁面中的兩個form都通過校驗才能保存。解決方法就是:先驗證第一個,在第一個驗證通過得里面,驗證第二個。
this.$refs.addpurchaseForm.validate((valid) => { // console.log(valid) //第一層驗證第一個表單 if (valid) { this.$refs.gasDataForm.validate((valid) => { // console.log(valid)//第二層驗證第二個表單 if(valid){ alert('驗證成功') } }) } })
補(bǔ)充:iview 表單number驗證
將原來的number轉(zhuǎn)為string來處理,并且在驗證中判斷是否是整數(shù)。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Vue?Baidu?Map之自定義點(diǎn)圖標(biāo)bm-marker的示例
這篇文章主要介紹了Vue?Baidu?Map之自定義點(diǎn)圖標(biāo)bm-marker,文中給大家介紹了vue-baidu-api地圖標(biāo)記點(diǎn)(自定義標(biāo)記圖標(biāo)),設(shè)置標(biāo)記點(diǎn)的優(yōu)先級問題,結(jié)合實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08vue添加錨點(diǎn),實現(xiàn)滾動頁面時錨點(diǎn)添加相應(yīng)的class操作
這篇文章主要介紹了vue添加錨點(diǎn),實現(xiàn)滾動頁面時錨點(diǎn)添加相應(yīng)的class操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08Vue實現(xiàn)Hover功能(mouseover與mouseenter的區(qū)別及說明)
這篇文章主要介紹了Vue實現(xiàn)Hover功能(mouseover與mouseenter的區(qū)別及說明),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-10-10從Vue轉(zhuǎn)換看Webpack與Vite 代碼轉(zhuǎn)換機(jī)制差異詳解
這篇文章主要為大家介紹了從Vue轉(zhuǎn)換看Webpack與Vite代碼轉(zhuǎn)換機(jī)制差異詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10