elmentui表单验证的validate(全部验证)validateField(局部验证)

陈不知代码

已于 2023-03-14 17:21:09 修改

阅读量1w

点赞数 3

分类专栏：分享文章标签： vue.js elementui

于 2022-04-16 20:26:38 首次发布

本文链接：https://blog.csdn.net/CHENC0518/article/details/124219668

版权

分享专栏收录该内容

41 篇文章 2 订阅

订阅专栏

本文详细介绍了Vue.js中进行表单验证的方法，包括validate方法用于整体校验，它接受一个回调函数处理校验结果，若无回调则返回Promise。另外，validateField方法用于部分字段校验，支持按需验证多个字段。示例展示了如何在表单提交时使用这些方法进行有效的验证操作。

摘要由CSDN通过智能技术生成

1.validate,对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise,Function(callback: Function(boolean, object))

2.使用用例:

submitResForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          alert("submit!");
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },

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

4.用例:

submitLoginForm(formName) {
     this.$refs.ruleForm.validateField("username", errorMsg => {
        if (!errorMsg) {
          this.$refs.ruleForm.validateField("password", errorMsg => {
            if (!errorMsg) {
              //验证通过
            } else {
              console.log("error submit!!");
              return false;
            }
          });
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },