问题标签 [vuelidate]

我目前有一个使用 vuetify 和 vuelidate 的登录表单。Vuetify 用于创建表单并显示错误消息，而 Vuelidate 用于验证用户输入。我的问题是错误消息没有显示为红色。以下是我的代码和登录表单的屏幕截图

主.js

登录.vue

我找不到如何检查大于 0 的方法，因为它minValue(0)也接受 0，但如果使用，minValue(1)则也不接受 0 和 1 之间的任何小数。

另外我不知道为什么我不能使用数据中的变量/为下面的 maxValue 计算。如果我使用它可以工作maxValue(200)，但我需要它是动态的。

我正在尝试结合前端和后端验证。

例如，在用户输入电子邮件的注册表单email上，前端有一个unique验证器，后端有一个验证器。

如果后端失败，则错误消息将保存到requestErrorMessage.

请求中的电子邮件值也保存在errorValues字典中，以便在输入更改为不同值时自动删除错误。

emailErrors()检查服务器是否有错误。如果存在，则将其添加到任何现有错误中，但前提是输入值与发出请求时的值相同（存储在 中errorValues）。

所以上面的一切都按预期工作，但是在用户更改输入然后将其更改回 match 之前，错误是不可见的errorValues.email。换句话说，它似乎this.$v.$touch()不起作用。

在没有用户手动修改输入的情况下，如何在返回承诺后显示服务器验证错误？

给定以下使用 Vuetify 和 Vuelidate 的 Vue 组件：

我想以编程方式更改this.picker. 我尝试更改v-modelVuelidate 和 Vuelidate $model：

和

它们都没有导致 UI 发生变化，也没有产生错误消息。

如何以编程方式更新 DatePicker 的值？

我写了一个动态表单（每次按添加按钮添加 1 个文本字段），问题是，如果我用我的函数验证文本字段，如果我在其中任何一个中出错，所有相同的动态文本字段都会响应.. . 例如：如果我有 5 个数量文本字段并且我单击第一个并让它为空，所有 5 个都显示相同的错误......我想每次使用 vuelidate 按索引验证每个文本字段。那可能吗 ？谢谢您的回答 ！！！

我有一个包含 N 个元素的数组（大小正在变化），我正在使用 vuelidate 进行验证。我没有找到我的验证方法可以看到所选数组元素的迭代器/索引的示例。例如，我在一个数组中有 3 个文本字段。所有元素都是必需的。如果我让第一个元素为空，所有 3 个文本字段都会显示相同的错误（“需要文本字段”）。有解决办法吗？？？非常感谢您的每一个回答

我能够很好地使用 vuelidate 来验证我的表单。现在我有两个选项卡，一个选项卡中有一个用于登录的表单，另一个选项卡上有一个用于注册的表单。我只需要验证两种形式中的一种。

当我切换到登录表单时，表单应该只有登录表单验证条件才应该检查。

如果我切换到注册表单，然后按提交按钮。仅应验证注册表单。

我们怎么能做到这一点？

试图弄清楚如何将字符串传递给 vuelidate $v 表单元素查找？

例如 this.$v.appliance.required

其中设备将是一个字符串。我知道在 Angular 中有一个吸气剂.get(...).required ，我检查了Vuelidate文档但找不到类似的东西。

非常感谢任何帮助。

假设我有一个带有如下数据的 vue 组件：

数据以这种方式格式化，因为我正在使用另一个插件 ant-design 来构建表单，因此以另一种方式格式化数据不是一种选择。该data字段将存储实际数据。

然后，我为 vuelidate 设置了以下验证规则。

规则有效，required但sameAsPassword规则无效。它总是返回错误，即使我确定我输入了相同的密码。我想它没有与正确的字段进行比较。如何设置规则以便与正确的字段进行比较？

我有一个变量项目（对象数组），每个项目（值、其他和 otherKey）都有 3 个属性，对于每个项目，值字段是必需的，只有当值字段值等于 otherKey 字段时才需要其他字段。

查看 jsfiddle 上的示例

https://jsfiddle.net/dyquv3ek/5/