VUE 常见问题 --- vue+el 验证时，只有在失败时返回，成功不返回的问题

65 阅读 0 评论 43 点赞

我是靠谱客的博主美丽雪糕，这篇文章主要介绍VUE 常见问题 --- vue+el 验证时，只有在失败时返回，成功不返回的问题，现在分享给大家，希望可以做个参考。

在使用 vue + el 做表单验证的时候，点击提交按钮，只有在 vaild 为false时执行，成功时没有反应

addUser() {
      this.$refs.addFormRef.validate(valid => {
        console.log(valid)
      });
    }

只返回 false，成功时控制不报错，页面不执行
百度后解决：
在验证时，成功与否都要callback，并且要写对 callback（）

var checkEmail = (rule,value,callback) => {
      if(!value){
        callback(new Error('邮箱不能为空'));
      }
      const regEmail = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*.[a-z]{2,}$/
      if(regEmail.test(value)){
        callback()
      }else{
        callback(new Error('请输入正确的邮箱地址！'))
      }
    };