Element UI Form表单表单验证触发方式 trigger: ‘change‘ 和trigger: ‘blur‘区别

必填校验设置’change’, 'blur’同时起作用

element-ui 表单验证触发方式 trigger :‘change’ 和 ‘blur’ 的区别 trigger :‘change’ change 数据改变触发 比如 ： 需要 手动选择的东西，用 change trigger : ‘blur’ blur 失去焦点 比如 ： 输入框里，验证文本框是否为空 没有任何输入的时候，不会触发 change ， 但一定会触发 blur 事件 ...

可以在用户输入时即时验证，但是可能会在用户输入时频繁触发验证。通常情况下，根据具体的需求和用户体验考虑来选择合适的触发方式。所以，它们之间的区别在于触发验证的时机不同。可以确保用户在完成输入后立即得到反馈，而使用。都是用于指定触发验证的事件类型的选项。在 Ant Design Vue 中，

Element ui 表单验证触发方式：trigger

当审批时不通过审批意见要必须输入，1：如果用change验证的话删除所有内容时报错是massage的提示，但是在失去焦点的时候报错就成了英文，如下图：2：如果用blur验证的话删除所有内容时报错是massage的提示，但是在失去焦点的时候报错就成了英文，与上面正好相反。

校验元素trigger属性值应该怎么选择?

callback(new Error('必须年满18岁'));rules: {// 是否必填 没有这个就没有前面红点// 自定义验证规则// 触发事件},

撒旦法撒旦法是大

//第一种 { required: true, message: '请输入字典项', trigger: 'blur' }, //第二种 { required: true, message: '请输入字典项', trigger: 'change' }, //第三种 { pattern: /^[A-Za-z0-9_]+$/, message: '字典项只能由 大小写字母、数字、下划线组成', trigger: ['blur', 'change'] } trigger类型为blur的功能是文

表单校验规则 第三方校验规则参见 async-validator 点击跳转 几个基本使用的规则 规则 说明 required 如果为true，表示该字段为必填 message 当不满足设置的规则时的提示信息 pattern 正则表达式，通过正则验证值 min 当值为字符串时，min表示字符串的最小长度，当值为数字时，min表示数字的最小值 max 当值为字符串时，max表示字符串的最大长度，当值为数字时，max表示数字的最大值 trigger 校验的触发方式，change

ElementUI中el-form组件中rule规则详细介绍

没有进行任何输入时，不会触发change，但一定会触发blur事件。

【代码】vue3+elementPlus表单验证。