Vue表单预校验 validate方法不生效

在学习Vue秃头的路上,再遇一难为了实现修改用户功能，绑定单击事件函数函数里先实现表单预验证功能期待表单验证正确打印一个true，错误打印一个false先来错误的测试：好的可能是意外，再来个正确的.。。。好的确认是bug了，老规矩哪里有嫌疑哪里打印输出修改方法代码为再来以便错误测试2不见了，再缩小一下范围，看看是不是我英文打错了（经常）测试好的可以结案了，valid方法没有执行半小时后。。。。。错

BackgroundHero

10643人浏览 · 2020-08-29 13:59:56

BackgroundHero · 2020-08-29 13:59:56 发布

在学习Vue秃头的路上,再遇一难
为了实现修改用户功能，绑定单击事件函数
在这里插入图片描述
函数里先实现表单预验证功能

期待表单验证正确打印一个true，错误打印一个false
先来错误的测试：

好的可能是意外，再来个正确的

.。。。好的确认是bug了，老规矩哪里有嫌疑哪里打印输出
修改方法代码为
在这里插入图片描述
再来以便错误测试

2不见了，再缩小一下范围，看看是不是我英文打错了（经常）

测试

好的可以结案了，valid方法没有执行
半小时后。。。。。错误出处

在自定义检验规则时，由于我对自定义校验规则未理解透彻
在这里插入图片描述
在Element官方文档中找到了正确用法
修改代码

测试
在这里插入图片描述

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}$/, //不连续的两位字母// /^