iview表單驗證數字

2022-02-19 05:54:06 字數 1477 閱讀 7469

驗證輸入字串必須為數字

html:

<

formitem

label

="兌換積分:"

prop

="exchangeintegral"

>

<

input

v-model

="formspecadd.exchangeintegral"

placeholder

="請輸入兌換積分"

style

="width: 250px"

>

input

>

formitem

>

<

formitem

label

="庫存數量:"

prop

="stocknum"

>

<

input

v-model

="formspecadd.stocknum"

placeholder

="請輸入庫存數量"

style

="width: 250px"

>

input

>

formitem

>

<

formitem

label

="商品價值:"

prop

="productmoney"

>

<

input

v-model

="formspecadd.productmoney"

placeholder

="請輸入商品價值"

style

="width: 250px"

>

input

>

formitem

>

js:

exchangeintegral: [,],

stocknum: [,],

productmoney: [

,],

或者: 直接將輸入框定義為 number型別

<

formitem

label

="兌換積分:"

prop

="exchangeintegral"

>

<

input

v-model

="formspecadd.exchangeintegral"

number placeholder

="請輸入兌換積分"

style

="width: 250px"

>

input

>

formitem

>

js:驗證

exchangeintegral: [

,],

請參考:

iView表單空格驗證

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

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...