问题标签 [vee-validate]

我正在使用 VeeValidate 插件验证输入字段（必需，最小长度 3）。它工作正常，但我如何避免调用 onInput 操作（以避免在输入无效时提交存储（只要输入 aria-无效切换到 false )

简短地说：当输入字段 aria-invalid 为 false/true 时，是否可以切换调用/不调用 onInput: 'changeTitle' ？

感谢您的反馈

更改标题组件.vue

vuex/actions.js

更新

我尝试使用@input="testValidation)捕获输入值并检查有效输入值（必需）是否有效（aria-invalid: false）然后我发出输入值，但父组件中的道具未更新并且未触发 vuex 操作“changeTitle”

我使用我的项目的 vee-validate。但我在闲逛。

我有 3 个输入字段。当这些字段中只有一个有效时，其他输入必须有效。

前任。像jquery

Jquery 验证组

我正在验证我的 AddItemComponent.vue 中的输入...它工作正常，输入空字符串时显示错误消息，当用户输入任何值时不显示错误...但是添加项目后，输入字段被清除但错误显示消息（我没有使用 v-validate.initial ）

我尝试插入： this.$validator.clean() 添加项目后.. wo 任何成功

更新

我明白发生了什么，但我不知道如何解决它..添加项目后，方法'addItem（）创建一个新的空项目以清除输入字段......这再次引发验证错误......

添加项目组件

有谁知道表单验证后如何将其提交给 JSON？

这是我的代码：

联系.vue

这里还有 main.js：

我目前正在使用带有 vee-validate 的 Vuetify 表单，如您在此处看到的： https ://vuetifyjs.com/components/forms我不想将 JQuery 与 Vue 一起使用。

目前，验证正在运行，但单击“提交”按钮后没有任何变化。

谢谢！

For my Vuejs app I'm using Vee-validate for validation. Currently it's marking valid URLs, like http://localhost:3000, as invalid.

This is happening on their sample also: http://vee-validate.logaretm.com/rules.html#rule-url

If you enter http://localhost:3000 in their sample, you'll see the message The field field is not a valid URL.

下面是我要检查验证的示例（至少选择一个选项）。

我有一个带有 veevalidate 的多个文本字段中继器。问题是，当第一个字段有错误时，另一个字段会受到影响。并且，在添加新字段时将继承该错误。

-> https://prnt.sc/h75byu

这是我的html

这是我的 vuejs

这是我的 jsfiddle -> https://jsfiddle.net/m67d8f4x/66/

我们如何对每组字段应用不同的验证？

我该如何解决这个问题？

我尝试在自定义组件上使用 vee-validate，如果在提交时未选择任何内容，则应显示验证错误

模板如下所示

这是我的Vue代码

这是我创造的一支笔

https://codepen.io/anon/pen/gXwoQX?editors=1111

在提交 null 时，验证通过。这段代码有什么问题

我想禁用我的提交按钮，直到我的表单被正确填写，这就是我目前所拥有的：

以上仅在我开始输入值后打印错误消息并禁用我的提交按钮。在开始与输入交互之前，我需要从一开始就禁用它，这样我就不能发送空字符串。

另一个问题是是否有比使用更好的方法v-if来做到这一点？

编辑：

我有一个简单的登录表单，如果用户使用错误的密码或用户名，我会显示一条消息

js

html

这有效，错误消息被显示，但我如何将此消息添加到字典中，我将所有消息都放在一个地方？