美文网首页
element ui表单的验证操作

element ui表单的验证操作

作者: 是曹不是蔡 | 来源:发表于2021-04-02 17:46 被阅读0次

    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)和未通过校验的字段;

    相关文章

      网友评论

          本文标题:element ui表单的验证操作

          本文链接:https://www.haomeiwen.com/subject/fzsqkltx.html