Vue.js 异步验证程序在提交表单之前避免验证
我使用的是与 我只想在提交表单时执行验证(实际上我是在代码中执行的) 在Vue.js 异步验证程序在提交表单之前避免验证,vue.js,element-ui,element-io,Vue.js,Element Ui,Element Io,我使用的是与 我只想在提交表单时执行验证(实际上我是在代码中执行的) 在规则定义中使用trigger:'change'时,如果我留下一个值不符合规则的字段,我会收到一条错误消息: name: [ { required: true, message: 'Required field', trigger: 'blur' }, { min: 5, message: 'Name should have at least 5 letters\n', trigger: 'change' } ],
规则
定义中使用trigger:'change'
时,如果我留下一个值不符合规则的字段,我会收到一条错误消息:
name: [
{ required: true, message: 'Required field', trigger: 'blur' },
{ min: 5, message: 'Name should have at least 5 letters\n', trigger: 'change' }
],
使用触发器:“blur”
时,我甚至在离开该字段之前就收到一条错误消息:
name: [
{ required: true, message: 'Required field', trigger: 'blur' },
{ min: 5, message: 'Name should have at least 5 letters\n', trigger: 'blur' }
],
我尝试使用验证规则更改
,但没有帮助:
<el-form ref="addressForm" :inline="true"
:model="formData" :rules="addressRules" class="demo-form-inline"
:validate-on-rule-change="false"
>
可能会更改您的规则,以便在其中设置触发器:
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'
},
祝你好运:)可能会改变你的规则,这样你就有了一个触发器:
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'
},
祝你好运:)感谢你的回答,我刚刚编辑了我的问题。这两个选项会在表单提交之前触发验证,所以它并不能解决我的问题。感谢您的回复,我刚刚编辑了我的问题。这两个选项在表单提交之前触发验证,所以它不能解决我的问题。