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

]

可以看到,加红部分,是一个正则表达式,匹配所有非空值

posted @ 2017-12-15 10:11  s_qiu  阅读(10210)  评论(0编辑  收藏  举报