element-ui 表单验证如何只让它验证一项?

clipboard.png

提交的时候我会验证是否全部填上,但是获取验证码的时候我只验证手机号是否输入正确,别的input不验证,请问这怎么实现啊,官网也没说明

回答:

给form添加ref=”form”,监听点击“获取验验证”事件,绑定以下方法:

    methods: {
        onSecurityCodeClick() {
            // prop 换成你想监听的prop字段
           this.$refs.form.validateField(prop, (errMsg) => {
               if (errMsg) {
                   console.log('手机号校验未通过)
               }
           })
        }
    }

回答:

表单有个这种方法 你试试

validateField    对部分表单字段进行校验的方法    Function(props: array | string, callback: Function(errorMessage: string))

回答:

     this.$refs.form.validateField("email", errMsg => {
        if (errMsg) {
          console.log("手机号校验未通过");
        } else {
          console.log("校验通过");
        }
      });

validateField

对部分表单字段进行校验的方法 :表单验证

Function(props: array | string, callback: Function(errorMessage: string))

注意:第一参数是数组或者字符串,不然不识别

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注