vue form表单验证出现选择输入了值，但是还是提示未选择时的问题

掉坑日记02：vue form表单验证出现选择了值，但是还是提示未选择时的问题在表单验证是，发现选择或者输入了值，但是rules验证还在显示未输入值警告的message。大概率是你没定义modal值，这个时候rules 监测不到你是否输入了值确定的点1.是否有ref2.是否有rules属性且在data中定义了规则3.props定制的字段名是否和rules里一样4.输入框或者选择框的v-modal

师傅我悟了

7713人浏览 · 2021-03-26 13:54:15

师傅我悟了 · 2021-03-26 13:54:15 发布

掉坑日记02：vue form表单验证出现选择了值，但是还是提示未选择时的问题

在这里插入图片描述在表单验证是，发现选择或者输入了值，但是rules验证还在显示未输入值警告的message。大概率是你没定义modal值，这个时候rules 监测不到你是否输入了值

确定的点
1.是否有ref
2.是否有rules属性且在data中定义了规则
在这里插入图片描述
3.props定制的字段名是否和rules里一样
4.输入框或者选择框的v-modal绑定的是否和a-form-model的modal是否一致

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^