问题标签 [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 投票
1 回答
1943 浏览

vuetify.js - 将 vee-validate 标志与 Vuetify errors.collect 一起使用

我正在使用 Vee Validate 和 Vuetify,如下所示:

我想使用文档中显示的一些字段标志,如下所示:

我想使用内置的 Vuetify 表单错误,因为它们看起来不错,但似乎无法使标志起作用。我努力了:

这显然是不正确的。有任何想法吗?

编辑

我添加了一个代码笔示例,您会注意到,一旦您开始在电子邮件字段中输入内容,您就会在确认电子邮件字段中收到错误消息。我要做的只是在字段有错误并且已被触摸/更改时才显示错误。 https://codepen.io/tjquinn/pen/gKrVdX?&editors=101

0 投票
1 回答
861 浏览

vuejs2 - Vuejs2-使用 vee-validate 避免重复选择字段选项

我正在使用vee-validate插件进行验证。在我的表格中,表格中有一个选择字段。行将在表中动态添加。我不想一次又一次地选择相同的 select(Description column) 选项Image。因此,我想使用 vee-validate 抛出一个错误,如“选定的描述已存在于表中”。请帮我解决这个问题。

这是我的代码:

提前致谢。

0 投票
0 回答
1004 浏览

javascript - 如何从服务器水合 vee-validate

情况:

我有一个带有输入的表单,该表单与unique约束一起存储。按照文档(https://baianat.github.io/vee-validate/examples/async-backend-validation.html)我知道我可以在客户端进行异步验证而无需太多努力。

但我也想进行服务器端验证,例如unique验证,如果失败,用新的失败验证“补充”vee 验证。

我知道我可以做类似this.$validator.errors.add(inputName, message[, rule])https://github.com/baianat/vee-validate/issues/406#issuecomment-290971863)之类的事情。

但这并不是我想要的:(1)消息是必需的,即使我定义了失败的规则,例如unique规则;(2) 即使我在新的错误中定义了一个规则,vee validate 也不会考虑它:如果unique规则失败是因为两个用户同时在unique属性中创建了一个具有相同值的元素,那么错误被添加到最后一个用户,但如果值发生变化,该错误不会自动清除。

问题:

是否可以使用 vee validate 将验证规则标记为失败,而无需在将消息存储在其字典中时手动设置消息,并且无需手动清除错误的步骤?

谢谢!

0 投票
1 回答
787 浏览

vue.js - Vue.js 一些错误/警告很难调试

在运行 Vue.js 应用程序时,我在控制台中收到一条警告,我无法确定它来自哪里(在源代码中),或者至少是从哪个组件中得到它的。

这是控制台输出:

0 投票
1 回答
353 浏览

vuejs2 - Vuejs + VeeValidate 将参数传递给子组件

我创建了一个名为 Month 的组件,我在其中传递了一些道具:

如果我用以下方式调用它们,它们都可以正常工作:

但是,当我尝试通过验证部分时,VeeValidate 似乎忽略了它:

有没有一种方法可以在不使用消息总线的情况下将验证传递给子级,以便我可以在父级中执行类似的操作:

或者我将无法在父母和孩子之间正确填充/传播错误?

0 投票
1 回答
746 浏览

vue.js - VeeValidate:模板中不存在“错误”

我正在尝试使用 VeeValidate 来验证使用 Vue 2.5 和 VeeValidate 2.1 的 Vue 表单中的字段。按照文档,我正在验证这样的字段:

这会引发错误:Variable "errors" does not exist.这意味着 VeeValidate 没有正确安装。

yarn add vee-validateVeeValidate 是使用js 文件的顶部安装并添加到任何其他 Vue 代码之前的,如下所示:

更新:当我删除span引发错误的行并使用 Vue 浏览器插件(显示所有属性及其值)检查此 Vue 实例时,我看到 VeeValidate 自动添加了两个计算属性,errors并且fields. 两者都是看起来像这样的对象:

我不明白为什么errors作为计算属性存在,但在模板中却找不到。

0 投票
1 回答
2416 浏览

javascript - 如何访问使用 vee-validate 验证的自定义输入组件上的错误计算属性?

我正在尝试在自定义输入组件中使用 VeeValidate。

我尝试使用$emiton @input@blur但验证发生在下一个刻度上,我最终未能捕捉到事件的验证。

我还尝试从父级注入验证器,以便能够直接访问错误计算属性,但父页面和自定义输入组件本身之间可能存在 1-2-3 级嵌套。我必须通过所有这些注入验证器,并且这些组件是可重用的。

我得到的最好的想法是观察错误计算属性,并在组件实例中的错误发生更改时发出一个事件。

问题是我似乎看不到 vee-validate 引入的错误计算属性。

一些简化版本的代码:

父母

自定义输入

有人可以帮我从自定义输入中访问验证错误吗?

更新

如果有人发现更容易测试它,我创建了一个简单的小提琴https://codesandbox.io/s/mqj9y72xx

0 投票
1 回答
14513 浏览

vue.js - Vee-Validate 自定义日期验证

我想知道是否无论如何您可以使用 vee-validate 插件编写自定义日期验证,其中结束日期不能小于开始日期?我从高处和低处看,无处可以找到明确的答案。

如果没有办法实现这一点,那么我可以不用它,但是,现在我在我的模板中为我的开始日期实现的是:

我的脚本如下所示:

但是没有出现验证。我想我的脚本中遗漏了一些东西,但我不确定如何在其中实现日期。任何帮助将不胜感激。

0 投票
1 回答
4085 浏览

regex - VueJs Vee-Validate 不正确的电子邮件验证

版本

vee验证:2.1.0-beta.2
vue:2.5.7

描述

使用了电子邮件验证,但它不考虑一些有效的电子邮件,例如:

  • admin@gmail.com

它认为:

  • admin@gmail.co
  • admin1@gmail.com
  • admin@gmail1.com
  • admin@gmail.net
  • admin@gmail.ne

这是代码片段:

请参阅图片以供参考:https ://i.stack.imgur.com/Dpz4F.png

---------------[UPDATE]:----------------
我覆盖了电子邮件规则,现在是:


这个自定义规则所做的是,即使它在 vee-validate 的电子邮件验证中失败,如果它在 regEx 验证中为真,它也会接受它。但是,它将 admin@a 视为有效的电子邮件地址。

0 投票
1 回答
4089 浏览

vue.js - vee-validate 的基本示例不起作用

我正在尝试使用 vee-validate 制作一个简单的表单验证页面。不过,似乎有些东西坏了,我不确定我到底做错了什么。

span 标签显示为原始 html:

在此处输入图像描述

标记:

小提琴

我需要做什么才能使 vee-validate 按预期工作?