element ui表单的验证操作

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

element ui表单的验证操作_第1张图片
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)和未通过校验的字段;

你可能感兴趣的:(element ui表单的验证操作)