iView表單空格驗證

2021-08-29 03:04:36 字數 796 閱讀 5521

iview表單元件使用async-validator驗證器對表單域中資料進行驗證,給

form 設定屬性 rules,同時給需要驗證的 formitem 設定屬性 prop 指向對應字段即可。 完整的驗證規則請參照開源專案 async-validator。 驗證方法也支援 promise。

當我們對表單中某個string型別的域設定為必填時,我們可以使用如下規則

但是如果我們直接輸入空格也會通過驗證

如何對輸入的空格進行驗證?

下面介紹兩種方法:

方法一:在表單域的標籤上繫結時使用v-model.trim代替v-model例如

" 姓名 " prop=

"name"

>

"name" placeholder=

"請填寫姓名" size=

"small"

>

<

/i-input>

<

/form-item>

使用這種方法會直接將首尾空格trim掉,表單提交時的資料是沒有首尾空格的,如果想保留首尾空格,可以使用方法二。

方法二:在驗證規則上加上transform函式

例如

transform函式是在驗證時對資料進行預處理的函式(處理後的結果僅用作驗證),不會改變表單的資料。

iView表單空格驗證

iview表單元件使用async validator驗證器對表單域中資料進行驗證,給 form 設定屬性 rules,同時給需要驗證的 formitem 設定屬性 prop 指向對應字段即可。完整的驗證規則請參照開源專案 async validator。驗證方法也支援 promise。當我們對表單中...

iview 的表單驗證

iview官方文件 html forminline model forminline rules ruleinline inline 上下 display flex margin top 24px up text v model forminline.up placeholder 向上度數 numb...

iview表單驗證數字

驗證輸入字串必須為數字 html formitem label 兌換積分 prop exchangeintegral input v model formspecadd.exchangeintegral placeholder 請輸入兌換積分 style width 250px input form...