问题标签 [vuelidate]

如果所有字段都不符合要求的条件，我如何有条件地禁用我的 Vuelidate 表单的提交按钮？

我尝试了以下方法，但:disabled只接受其中的禁用一词。

我对 vuelidate 有点陌生，一切正常，除了我不知道如何仅在Submit单击按钮时运行验证。现在，当您开始提供任何输入时，它会将触摸字段标记为红色，我希望它等待，直到用户想要提交填写的表单。

这是我现在所做的：

我正在尝试将 Vuelidate 与 Webpacker 一起用于我的 Rails 应用程序。通常我只需要为我的 packages.json 运行以下命令来构建并部署到我的应用程序中：

但这在产品中不起作用，因为我添加了 Vuelidate（在开发中工作正常）。

这是我的 package.json 文件：

我猜这个包没有正确安装到/home/my_user/my_app/app/javascript/packs. 知道我将如何解决这个问题吗？

提前致谢！

我正在使用带有Vuelidate库的 VueJS2。我可以根据验证对象验证字段。验证将在计算时间内执行。但我的验证对象是固定的，而不是动态的。我有一些字段将根据选择隐藏。

HTML

问题

当我选择“其他”选项并单击提交时，this.$v.$invalid仍然是正确的。它应该是 false，因为不需要验证字段。当我选择“公司”时，必须要求并验证这两个字段。

我需要根据元素本身的值来验证列表的元素。

是否有可能或者我应该为每个产品创建一个验证？

https://jsfiddle.net/e0tL4yph/

我正在构建一个表单，vue并且bootstrap-vue在vuelidate输入上使用此代码，一切都按预期工作：

想法是公司名称的用户值存储在form.company并使用验证vuelidate。

如果存在验证错误vuelidate，则将引导类添加is-invalid到输入中，使其变为红色。这个逻辑工作正常，但是它是重复的，因为我必须设置id,v-model和基本上相同的东西：@inputv-bind:class

有没有办法v-model，@input并v-bind:class使用这样的值id：

这将使表单构建变得更加容易，但是正如我预期的那样它不起作用。

谢谢你。

你们如何在 Vuetify 中进行验证？我无法理解非常冗长的验证语法。

我正在使用 Vuelidate，根据 Vuetify 的文档，我必须实现一个简单的必填字段：

脚本：

模板：

我觉得这很冗长。我可能做错了事，谁能告诉你这个极简主义或短手是怎么做的？

我正在编写单元测试以vuelidate在我的组件中进行验证。我发现该$touch()方法是异步调用的，所以我需要$nextTick()使用expect(). 当我需要两个nextTick()s两个时出现问题expect()s。

如何在不将其拆分为两个单独的测试的情况下运行此测试？我认为嵌套$nextTick()可能会起作用，但对于更多的测试来说它并不灵活。

我在我的项目中使用Vue.js。我有一个使用Vue 表单向导和Vuelidate制作的表单来验证字段。在表单的某个点，用户将能够添加多个地址，因此我在组件的数据中创建了一个名为“地址”的数组。

现在，为了验证字段，我创建了一个验证组，我将在其中添加此字段，但重点是，我不知道如何将字段（即在我的数组中）“链接”到验证组中。

在 Vuelidate 文档中，有一个数据嵌套部分，但我没有找到如何将它与验证组一起使用。

小提琴

我有一个验证器来检查用户名是否已在数据库中注册。它工作得很好，除了这个事实，请求是在输入每个字符的情况下发送到服务器的——这是经常发生的。所以我试图去抖动用户名变量值的设置，但我得到的是：

Vue脚本：

html:

自定义验证器（uniqueUsername.js）：