Bootstrap

el-form使用validateField对多个参数进行验证

项目中点击发送短信按钮时,需取消对短信验证输入框的校验,首先想到的是使用clearValidate,无奈项目elemen-ui版本太低,没有这个方法,所以换个思路,可以对表单多个参数进行验证,方法如下:


    //1.在低版本中validateField的第一个参数只能接收String类型,这里以String为例
    //将需要进行表单校验的参数放在一个数组中
    var valiSome = ['email', 'password','inValidateCode']
    //设置布尔值
    var flag = true
   //使用validateField方法来进行多个参数验证
   valiSome.forEach((item,key) => {
                    this.$refs.loginForm.validateField(item, valid => {
                        if(valid.length){
                            return flag = false
                         }
                    })
                })
  if(flag){
           //后续操作
  }
;