前端表单验证 for循环验证 自定义表单验证

  

提交按钮 需要加判断

        this.$refs["form"].validate(valid => {
 

        })

---

对象嵌套对象

:rules="rules.shopName" :prop="'cardDTOList.shopName'" >
  

 

 

for循环中的表单验证

每个都需要加 红色字样

    :rules="rules.style" :prop="'cardDTOList.'+index+'.style'">
      
    
  

  

form: {
  cardDTOList: [{
    style: '',
 
  } ],
},

// 表单校验
rules: {
  style: [
    { required: true, message: "卡卷样式不能为空", trigger: "blur" }
  ],
}

---

自定义表单验证

rules: {
projectsList: [
  {required: true, validator: validatePass, trigger: "change"}
],
}

data() {
  var validatePass = (rule, value, callback) => {
    if (this.projectsList.length <= 0) {
      callback(new Error('请选择主营项目'));
    } else {
      callback();
    }
  };

prop="projectsList">