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