问题标签 [vee-validate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
12380 浏览

vue.js - 使用 vee-validate 验证带有单选按钮交换的选择列表不显示验证消息

我有一个使用收音机交换选择列表的表单,但验证消息似乎无法正常工作。这是我的表单,TypeA 验证消息确实有效: 在此处输入图像描述

但是当我将单选按钮更改为 TypeB 时,验证消息不起作用: 在此处输入图像描述

并且如果我单击提交按钮并且如果 TypeA 验证不正确并且我更改为 TypeB 提交它,则验证将不会通过,因为它看起来像 vee-validate 仅验证了 TypeA ...

这是我的代码:

我不知道如何解决这个问题,有人可以帮助我吗?

0 投票
2 回答
2129 浏览

vuejs2 - 子组件验证 vee-validate

我正在使用vee-validate来验证我的字段,这是我的问题:

我想在提交之前验证表单,并且某些表单位于子组件中,那么我该如何处理呢?

0 投票
1 回答
1061 浏览

jquery - VueJS 和 JQuery 更改类

我有一些自定义的 JQuery 代码来监听事件并添加一些类来形成元素(焦点、模糊、奇数/偶数等)。没什么大不了的,但我不想在 VueJS 中重写所有这些逻辑,因为所有网站都只使用 JQuery,而 1 页使用 VueJS 来处理复杂的表单。

我编写了一个指令来在新的 VueJS 元素上启动 JQuery 代码并且它正在工作。但是一些 VueJS 代码(vee-validate在我的例子中是指令插件,但它可以是任何 VueJS 代码)使用v-bind:class. 所以它删除了 JQuery 设置的类,它没有添加它的类来替换它们......有没有办法很好地使用 VueJS 和 JQuery/Javascript 的类?让 JQuery 知道现有的类或其他东西。

谢谢

0 投票
0 回答
258 浏览

javascript - Vee-validate:使用 v-validate 指令时出现“TypeError:检查为空”错误

我在我的 VueJs 2 项目中使用 vee-validate。问题是,每当我在输入字段中使用 v-validate 指令时,我的控制台窗口中都会出现以下错误:-

此错误的原因可能是什么?我已经在我的 app.js 文件中导入了 vee-validate 模块,并且我在我的表单组件中使用了该指令。

0 投票
1 回答
5941 浏览

vue.js - 自定义组件中的 VueJS Vee-validate

版本

VueJs:2.3.3
Vee-Validate:2.0.0-rc.25

描述

我有一个自定义组件。这是一个带有字符计数器的输入,我试图将 vee-validate 放在这个输入中。我想在提交表单时显示错误。我遵循了 vee-validate 文档中的每一步,但没有成功。我的表单提交自己忽略任何输入的错误。

重现步骤:

使用 vee-validate 创建自定义组件

代码:

Parent.vue

组件.js

0 投票
1 回答
4805 浏览

vue.js - vee-validate 正则表达式无法按预期工作

我正在使用 VUE 和 VEE-VALIDATE 并想检查输入是否为以逗号作为分隔符的有效小数。

我的正则表达式输入如下所示:

这对“1”、“1,2”、“0,4”、“12,28761”非常有效。完美的!

“,0”、“foo”、“1e”的错误显示正确。完美的!

但是,如果我输入以下内容,则不会出现任何错误,但我希望会出现一个错误:“1,1,1”或“1,1foo”。

任何想法我做错了什么?谢谢!

0 投票
3 回答
5088 浏览

vue.js - 测试 Vee-Validate 确认规则

我在使用 Vuetify 构建的 Vue 表单上测试 Vee-Validate 确认功能时遇到了一些困难。我要测试的组件如下所示:

以上工作正常,错误消息正确显示在屏幕上并在密码匹配时删除,但以下测试失败:

从上面的代码可以看出,虽然密码和确认密码字符串匹配,但验证器仍然将确认密码字段标记为有错误。我不明白为什么会这样,但我们将不胜感激。

0 投票
0 回答
255 浏览

javascript - 我可以关闭字段值的自动重置吗?

我在我的项目中使用 VeeValidate 和 vuex。我对用作数组长度设置器的简单输入字段有疑问。默认长度 = 3。它看起来像这样:

我想要做的是在模糊时对数组进行更改,但在输入时验证字段。现在,当我在此字段中键入 51(值太大)时,v-validate 将其更改为 3(默认值)。在这种情况下,我想要实现的是 v-validate 在用户输入 51(输入)时显示错误,但保持值 = 51 直到模糊。

v-validate 是否可以限制其仅显示错误的作用(即,如果输入无效,则不将字段值设置为默认值)?

0 投票
2 回答
1645 浏览

javascript - 将 vee-validate / HTML 属性添加到插槽中的输入元素

在我的应用程序中,我有很多表单,大多数输入看起来完全像这样:

这会一遍又一遍地重复。唯一真正改变的是字段名称和输入类型。有时它是一个选择,有时它是一个更复杂的组件,而不是简单的 HTML 组件。

我的想法是创建某种包装组件。所以我不必复制所有这些,只需使用类似的东西:

我试图以这种方式实现它,但它不起作用:

你有什么想法?问题是我无法轻松地将 mixins 和 props 传递给开槽元素/组件。

0 投票
2 回答
2996 浏览

vuejs2 - 自定义 vee 验证在控制台日志中引发错误

我在 vee-validate 中遇到自定义验证问题。我有这个方法,它正在检查我的数据库中是否已经存在电子邮件,但我不断收到错误Error in callback for watcher "email": "TypeError: Cannot read property 'then' of undefined"

这是我的 HTML 代码,其中包含验证 emailAlreadyExists

这是我在创建方法中的验证

这是我在控制台日志中不断出现的错误 在此处输入图像描述

您可以在此处查看整个文件: PasteBinLink

有人可以指出我做错了什么,我不断收到这个错误吗?如果您需要任何其他信息,请告诉我,我会提供。谢谢!