VeeValidate 验证时机问题

末子
  • 63

问题是这样的,validator 需要用户交互才能验证,我意思是,用户什么都不操作,直接点击提交按钮,怎么触发验证

Vue.use(VeeValidate);
        var app = new Vue({
            el: '#app',
            data: {
                …
            },
            methods: {
                doSubmit: function(){
                    //假设这个是提交按钮方法
                    //当用户什么都不操作的时候  required 等验证规则没有被触发
                    console.log(this.$validator.errors.all());
                    // 当前所有错误提示列表 [] 空
                    console.log(this.$validator.errors.any());
                    // 当前是否有未通过的验证 false 
                }
            },
            created: function(){
                //中文验证提示
                this.$validator.localize('zh_CN', dictionary);
            }
        });
回复
阅读 2.1k
2 个回答
dev_zl
  • 4
新手上路,请多包涵

使用 validateAll()

doSubmit() {
      this.$validator.validateAll().then(valid => {
        // 所有校验通过valid 为true
        if (valid) {
          // 发送数据
        } else {
          console.log('提交失败')
        }
      })
    },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏