有关使用 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