element ui表单的验证操作

element ui的官网提供了对部分表单字段进行校验的方法和对整个表单进行校验的方法

image.png

直接上案例:
部分校验

this.$refs.form.validateField(["mobile", "password"], (obj) => {
        obj ? (allRight = false) : "";
      });

validateField方法可以验证单个或者多个指定的表单字段,然后回调返回校验结果(true/false);

整个表单校验

this.$refs.mobileForm1.validate((boolean, object) => {
        obj ? (allRight = false) : "";
      });

validateField方法可以验证指定的mobileForm1表单所有表单字段,然后回调返回校验结果(true/false)和未通过校验的字段;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容