VeeValidate 验证时机问题

发布于 2022-09-07 08:12:57 字数 755 浏览 15 评论 0

问题是这样的,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);
            }
        });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

甜`诱少女 2022-09-14 08:12:58

使用 validateAll()

doSubmit() {
      this.$validator.validateAll().then(valid => {
        // 所有校验通过valid 为true
        if (valid) {
          // 发送数据
        } else {
          console.log('提交失败')
        }
      })
    },
不再见 2022-09-14 08:12:58

推荐使用 VccValidate
https://dev-zl.github.io/VccV...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文