今日做柴柴记账时,遇到了表单验证器,表单验证器,是为防止用户输入错误,并且尽早纠错
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中使用