element 多個表單同時驗證

2021-10-01 18:27:36 字數 537 閱讀 9739

做後台管理專案 最常見的就是**的驗證了 簡單的表單是很簡單的 如果涉及到 **內部巢狀表單、多表單同時驗證時及其他複雜驗證時 就相對就有些棘手了 下面我們就先講一下 多表單同時驗證的情況 

顯然 多表單就是乙個頁面同時使用多個表單 通常不多見 先看下使用場景吧

單獨的每個標籤模組 都是乙個form 並不是說乙個表單滿足不了 而是根據業務需求和場景來定義多個

直接來看個demo吧

我這裡是封裝好的

export function validateforms(formrefs)  else 

});})

)return promise.all(results).catch(() => );

}

-

第二個form----------

立即建立

重置

希望對你們有所

element有關表單驗證

表單驗證的基礎是官網的api rules 位置放置在el form標籤當中 例如 rules formrules formrules則是放在data當中,其結構為 最後會附上一些相關例項 formrules phone message 請輸入正確的手機號 當然,其中的條件是多種多樣的,根據自己的專案...

Element表單驗證(2)

上篇講的是async validator的基本要素,那麼,如何使用到element中以及怎樣優雅地使用,就在本篇。上篇講到async validator由3大部分組成 基本驗證流程如下 上面中的validator.validate對應element中的this.refs refname valida...

element表單驗證的封裝

這一篇文章是在用element中的表單的時候,會用到正則來判斷表單的對錯,當然正則的話得自己寫,比如這樣 但是我們開發的時候就會發現如果兩個元件都用到了這個正則那麼就會產生重複性,這還只是兩個,一般的話不止兩個,會有很多,會產生很多的重複的正則,那麼,就很煩,因為我們是要追求優雅,簡介的,誒,碰到我...