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


Vue的UI解決框架,element-UI, iview-UI 有關表單驗證使用的是同一個插件,async-validator,有關這個插件的用法就不做贅述,但是在iview表單的使用中可能會用到驗證不起作用的問題,原因是給表單綁定的value是id或者type,value等Number類型的值,多見於select下拉框,這時,由於async-validator默認只驗證String類型的,所以才導致的驗證不起作用的問題,解決方案:async-validator支持正則驗證,加上正則后自動將要驗證的字段值轉為String類型

id: [

  {required: true, message: '請選擇', pattern: /.+/, trigger: 'change'}

]

可以看到,加紅部分,是一個正則表達式,匹配所有非空值


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM