问题标签 [vuelidate]

我正在尝试用类似的方式验证一系列日期。

这里data[1][begin]应该大于等于data[0][begin]不等于。有没有办法做到这一点。文档讨论了动态验证，但我不确定如何通过收集来实现这一点。data[1][place]data[0][place]

我用来验证输入字段，输入字段是动态的，即输入字段中的值是使用vuelidate动态填充的jsonDatav-model

我想做的是

在模糊时，如果有任何错误，我想显示错误，但是当我在输入字段中输入任何内容时，它什么也不显示

我在做什么：- 我的输入字段

我正在$vUI 上显示以进行检查，但是当我在输入字段中键入时，未检测到任何更改

我的脚本代码：-

我来自服务器的数据是这样的格式{ "businessid": "8126815643", "businessname": "manish",}

问题 最初，当页面加载到输入字段中时，它会显示manish，所以当我将其更改为其他内容并集中注意力时，它会显示错误，name is required我不知道出了什么问题

2：动态表格-在这里检查

请检查这个

我需要验证来自子组件的一个输入是否有效。但我不知道如何从父亲组件中做到这一点。

我有一个包含多个字段及其验证的表单，为了简化，我将每个输入字段和他的验证移到他自己的组件中。但现在我需要一起验证所有这些。

我怎样才能做到这一点？

我将现场示例放在代码沙箱上：

https://codesandbox.io/embed/vuetify-playground-o7kbr?fontsize=14

我正在尝试验证对象中的值字段是否包含电子邮件。一个数组中可能有许多这样的对象。当我评估它是否为 $dirty 时，它说 Value 未定义。验证也根本不起作用。我之前从未验证过对象数组，因为假设我访问数组中的数据错误，但我不确定

示例对象：值将包含我要验证的电子邮件

验证：

自定义错误函数：这是在第一个 If 语句中引发错误的原因，但验证无法正常工作

这是循环的一个示例，循环中的字段我试图迭代并验证输入的内容是有效的电子邮件。

我正在创建一个注册表单，用于验证用户选择的 login_id 是否在服务器上可用。此表单位于bootstrapvue上。

我现在的问题是关于onCheckAvailability的调用。此函数将调用 API 并将有效状态设置为LoginId字段。

我实际上正在考虑使用 vuelidate为所有表单字段创建验证。自定义我自己的验证方法调用isUniqueLogin

在这种情况下，我们如何将点击时的验证传递回表单？我正在寻找一种简洁优雅的方式。也可以使用其他可以很好地做到这一点的东西。

注意：这不是提交点击。这是一个简单的点击字段验证。有时，如果我不能很好地理解范例，使用框架可能会很乏味。

我在https://jsfiddle.net/rstoenescu/waugrryy/上分叉了 jsfiddle，然后从我的一个工作项目中添加了以下几行：

这是我的jsfiddle：

https://jsfiddle.net/wsztud2h/

问题是现在我得到了，而且我ReferenceError: $v is not defined并没有立即明白为什么。

有任何想法吗？

我使用vuelidate创建了一个验证，但是在我提交表单后，即使我有错误，模式也会关闭。我正在使用带有 VueJs 的 Bootstrap-Vue。如果提交后出现错误，我希望模型打开。

我尝试显示 v-for 中每个字段的错误。但是我收到一个错误“无法读取未定义的属性'$error'”，我不知道为什么。

更新：

如果我year从 :class 和 v-if 中删除，它可以工作，但如果我有一个错误，它会显示在每个字段上，而不仅仅是一个。

我有一个带有多种表单的标签容器。所有表单中的一些字段都有一些复杂的逻辑，我不想在每个表单上重复，所以我创建了一个用于所有表单的自定义组件。我正在尝试使用 Vuelidate 来验证我的所有表单，但是由于这些字段名称是相同的，并且当然具有相同的验证逻辑，因此 Vuelidate 验证对象在所有表单中都是相同的，这意味着，如果我填写该email字段在 formA 中，具有相同字段的所有表单也将正确验证，即使其余表单根本没有填写。

我试图将我的验证包装在一个名为表单的对象中，这似乎正确地分离了所有验证逻辑，但是，我有其他设置阻止我使用data属性，而我使用computed属性。据我所知，验证对象必须匹配我们访问字段数据的方式，例如data() { formA: { email } }匹配验证对象validations: { formA: { email } }，问题是，由于我没有使用data属性，我不知道如何映射计算属性。

这就是我所拥有的：

在过去的几天里，我一直在搞砸这个问题，但无法弄清楚。任何人都可以为此提出解决方案吗？

我尝试使用 vuelidate 使用 setTimeout 方法模拟异步验证，但是当我的异步方法返回 true 值时，错误消息会弹出一段时间然后隐藏。

有代码沙箱：https ://codesandbox.io/s/angry-montalcini-suec4?fontsize=14&hidenavigation=1&theme=dark