elemen组件的form验证相关理解

说明
此文章仅代表个人观点,不足之处,烦请指正!!!
问题情景
今天在写项目时,上传的文件比较大(8M以上),上传时间需要很久(15S左右)。在此期间,需要判断文件是否上传成功,不成功则提示(请上传文件或文件上传中)并且不能提交。虽然有很多种方法实现,但是想像form表单验证一样,会在对应的元素下出现红色的字体(目前不会实现这样的功能)在这里插入图片描述
所以在用form实现期间,发现了诸多问题。
1.form组件的表单验证的tirgger取值,目前只发现了(blur,change
这种写在rule中的验证方式,会根据rule中的tirgger事件触发。目前不知道怎么在rule中对按钮添加什么样的tirgger事件,所以困惑了一阵。
2.其实我们在rule中可以不写tirgger,因为,我们有validatevalidateField方法,前者会对整个表单中的数据进行验证,后者会对表单中某个特定值(你在form中定义的值)进行验证,我们可以在点击提交按钮时调用这两个函数进行验证。

特别注意
在写form表单验证,在使用 validate(验证表单)、resetFields(重置表单)方法时,一定要给需要验证的项添加上prop在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值