欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

记录:elementUI中validateField对部分表单字段进行校验数组时多次回调问题

程序员文章站 2022-06-07 11:07:19
...

我喜欢直入主题:

首先要知道,使用validateField部分校验数组的时候,数组有几位,就会回调几次。当回调返回都为“ ”,也就是空的时候,表示验证通过。当返回任何一个不为空的时候,就是不通过,这个不为空的回调内容就是我们校验时写的文字。比如下面这样callback内的文字


    const validateBangCha = (rule,value,callback)=>{
      let val = this.ruleForm.allowablePoundDifference+'';
      if (isNaN(val)) {
        callback(new Error('请输入数字'))
      } else if((value < 0 || value >=1000)
      || (val.indexOf(".") != -1 && val.split('.').length > 2)
      || (val.indexOf(".") != -1 && val.split('.')[1].length > 3)){
        callback(new Error('请正确输入0~999.999的数字'))
      }else{
        callback();
      }
    };

所以,只要明白上面的思想。就很好解决了,而且方法有很多。

我解决方法就是:

1. 定义一个空数组,校验的时候,把每个值 push进去

2.然后用every去判断,当全部为空的时候,那就是可用执行我们下面的业务操作。

let validateList = [];
 this.$refs['ruleForm'].validateField(['gasAmount','transportValue','waybillId'],(message) => {
    validateList.push(message)
 });
 if (validateList.every((item) => item === '')) {
     // 咱们的操作
 }