验证名称是否在数组中已经存在，自定义表单验证

Question

验证名称是否在数组中已经存在，自定义表单验证

前端判断输入框输入的名称是否已存在数组中，在rules中添加验证方法

name:[
  {required:true, message: '请输入名称',trigger:'blur'},
  {validator:(rule,value,callback) => {
                            this.tableData.forEach((item) => {
                                let exists = item.name == value
                                if(exists) {
                                    callback(new Error('名称已存在'))
                                }else{
                                    callback()
                                }
                            })
  ,trigger:'blur'},
]

为什么这个验证方法并没有生效？

Answer 1

这段代码中，验证方法可能没有生效的原因是缺少闭合的括号。请将代码中的 }) 改为 })} 以正确关闭匿名方法的定义。修改后的代码如下所示：

name: [
  { required: true, message: '请输入名称', trigger: 'blur' },
  { validator: (rule, value, callback) => {
    this.tableData.forEach((item) => {
      let exists = item.name === value;
      if (exists) {
        callback(new Error('名称已存在'));
      } else {
        callback();
      }
    });
  }, trigger: 'blur' },
],

如若有用，还望博友采纳！