柴柴记账-表单验证器

101 阅读1分钟

今日做柴柴记账时,遇到了表单验证器,表单验证器,是为防止用户输入错误,并且尽早纠错

1.rules

element中表单组件提供了表单验证功能,通过rules属性传入验证规则,注意form-item需要用prop传入rules设置的规则

required:表示是否必需

message:设置不符合校验规则的时的提示信息

trigger:设置校验的触发方式,change 数据改变时候触发,blur 失去焦点时触发(没有任何输入时,不会触发change,但是会触发blur事件)

对应关系

2.validator验证器

可以用validator来设置自定义校验规则,可以对格式进行复杂验证

1.设置对应表单项的prop属性

2.绑定validator,validator绑定验证规则变量,需要注意的是验证规则变量不能被data return出去

最后在方法中判断验证器是否通过 validata

3.本项目中的validate放于单文件中,可以做到更加灵活的控制

在TagForm中使用