有关使用 iview 表单验证的问题

最新推荐文章于 2024-11-17 19:14:13 发布

anyajiu7309

最新推荐文章于 2024-11-17 19:14:13 发布

阅读量127

点赞数

文章标签： ui

原文链接：http://www.cnblogs.com/s-qiu/p/8041603.html

版权

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'}

]

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

转载于:https://www.cnblogs.com/s-qiu/p/8041603.html