element表單驗證規則遇到的坑

2021-10-13 02:57:55 字數 1028 閱讀 8282

一、首先是你需要為那幾個輸入框或者其他新增限制規則,你就要設定幾個規則並且命名最好和你繫結的值的關鍵字一樣

二、然後就是prop需要繫結在el-form-item上,如果el-input外層還有多個el-form-item,必須寫在父級的標籤上,不然規則不會成功

自己看看結構例如:

"執法人員2"

class

="item"

>

"6">

"investigate_user_2"

>

"cases.investigate_user_2"

>

<

/el-input>

<

/el-form-item>

<

/el-col>

"6">

"執法證號2" prop=

"investigate_identity_2"

class

="item right_x"

>

"cases.investigate_identity_2"

>

<

/el-input>

<

/el-form-item>

<

/el-col>

<

/el-form-item>

筆記:

如果使用限制他不為空的屬性時候,又需要去掉前面的星星,可以在e-form新增屬性

hide-required-asterisk
"80px"

class

="case_form"

:rules=

"rules" ref=

"cases"

:model=

"cases" hide-required-asterisk>

做個隨筆,怕忘記了,有錯請指出,一起進步。

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 多個表單同時驗證

做後台管理專案 最常見的就是 的驗證了 簡單的表單是很簡單的 如果涉及到 內部巢狀表單 多表單同時驗證時及其他複雜驗證時 就相對就有些棘手了 下面我們就先講一下 多表單同時驗證的情況 顯然 多表單就是乙個頁面同時使用多個表單 通常不多見 先看下使用場景吧 單獨的每個標籤模組 都是乙個form 並不是...