async-validator 在提交表单之前避免验证答案

【问题标题】：async-validator avoid validation before submitting formasync-validator 在提交表单之前避免验证
【发布时间】：2020-06-18 13:25:22
【问题描述】：

我将async-validator 与element-ui 结合使用。

我只想在提交表单时执行验证（实际上我是在代码中执行的）。

在rules 定义中使用trigger: 'change' 时，如果我留下一个不符合规则的值的字段，我会收到一条错误消息：

name: [
  { required: true, message: 'Required field', trigger: 'blur' },
  { min: 5, message: 'Name should have at least 5 letters\n', trigger: 'change' }
],

使用trigger: 'blur' 时，我什至在离开现场之前收到一条错误消息：

name: [
  { required: true, message: 'Required field', trigger: 'blur' },
  { min: 5, message: 'Name should have at least 5 letters\n', trigger: 'blur' }
],

我尝试使用validate-on-rule-change，但没有帮助：

<el-form ref="addressForm" :inline="true"
         :model="formData" :rules="addressRules" class="demo-form-inline"
         :validate-on-rule-change="false"
>

【问题讨论】：

标签： vue.js element-ui element-io

【解决方案1】：

也许改变你的规则，让你在里面有一个触发器：

required_blur: {
    required: true, 
    message: "Donnée obligatoire", 
    trigger: 'blur' // When focus changes in the input it triggers
},
required_change: {
    required: true, 
    message: "Donnée obligatoire", // When input's value changes
    trigger: 'change'
},

祝你好运:)

【讨论】：

感谢您的回复，我刚刚编辑了我的问题。这两个选项触发验证之前表单提交，所以它没有解决我的问题。