有關使用 iview 表單驗證的問題

2021-10-06 20:47:29 字數 319 閱讀 4047

vue的ui解決框架,element-ui, iview-ui 有關表單驗證使用的是同乙個外掛程式,async-validator,有關這個外掛程式的用法就不做贅述,但是在iview表單的使用中可能會用到驗證不起作用的問題,原因是給表單繫結的value是id或者type,value等number型別的值,多見於select下拉框,這時,由於async-validator預設只驗證string型別的,所以才導致的驗證不起作用的問題,解決方案:async-validator支援正則驗證,加上正則後自動將要驗證的字段值轉為string型別

id: [

可以看到,加紅部分,是乙個正規表示式,匹配所有非空值

有關使用 iview 表單驗證的問題

vue的ui解決框架,element ui,iview ui 有關表單驗證使用的是同乙個外掛程式,async validator,有關這個外掛程式的用法就不做贅述,但是在iview表單的使用中可能會用到驗證不起作用的問題,原因是給表單繫結的value是id或者type,value等number型別的...

iview 的表單驗證

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

iView表單空格驗證

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