vue表单校验输入的关键字个数

Question

校验输入框里的论文关键词，最多只能输五个关键字，每个之间必须以逗号隔开，这个怎么实现啊，求助大佬，谢谢了

Answer 1

可以用正则

rules: {
    name: [
        { pattern: /^[^;]+(;[^;]+){0,4};?$/, message: '....', trigger: 'blur' }
    ]
}     

Answer 2

从问题需求上看，采用正则进行提示是最优方案。
从目标功能上分析，不建议使用输入框让用户手动进行关键词分割，可以采用标签tag，方便控制和减少用户误操作。比如