问题标签 [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.
vuetify.js - 将 vee-validate 标志与 Vuetify errors.collect 一起使用
我正在使用 Vee Validate 和 Vuetify,如下所示:
我想使用文档中显示的一些字段标志,如下所示:
我想使用内置的 Vuetify 表单错误,因为它们看起来不错,但似乎无法使标志起作用。我努力了:
这显然是不正确的。有任何想法吗?
编辑
我添加了一个代码笔示例,您会注意到,一旦您开始在电子邮件字段中输入内容,您就会在确认电子邮件字段中收到错误消息。我要做的只是在字段有错误并且已被触摸/更改时才显示错误。 https://codepen.io/tjquinn/pen/gKrVdX?&editors=101
vuejs2 - Vuejs2-使用 vee-validate 避免重复选择字段选项
我正在使用vee-validate插件进行验证。在我的表格中,表格中有一个选择字段。行将在表中动态添加。我不想一次又一次地选择相同的 select(Description column) 选项Image。因此,我想使用 vee-validate 抛出一个错误,如“选定的描述已存在于表中”。请帮我解决这个问题。
这是我的代码:
提前致谢。
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 将验证规则标记为失败,而无需在将消息存储在其字典中时手动设置消息,并且无需手动清除错误的步骤?
谢谢!
vue.js - Vue.js 一些错误/警告很难调试
在运行 Vue.js 应用程序时,我在控制台中收到一条警告,我无法确定它来自哪里(在源代码中),或者至少是从哪个组件中得到它的。
这是控制台输出:
vuejs2 - Vuejs + VeeValidate 将参数传递给子组件
我创建了一个名为 Month 的组件,我在其中传递了一些道具:
如果我用以下方式调用它们,它们都可以正常工作:
但是,当我尝试通过验证部分时,VeeValidate 似乎忽略了它:
有没有一种方法可以在不使用消息总线的情况下将验证传递给子级,以便我可以在父级中执行类似的操作:
或者我将无法在父母和孩子之间正确填充/传播错误?
vue.js - VeeValidate:模板中不存在“错误”
我正在尝试使用 VeeValidate 来验证使用 Vue 2.5 和 VeeValidate 2.1 的 Vue 表单中的字段。按照文档,我正在验证这样的字段:
这会引发错误:Variable "errors" does not exist.
这意味着 VeeValidate 没有正确安装。
yarn add vee-validate
VeeValidate 是使用js 文件的顶部安装并添加到任何其他 Vue 代码之前的,如下所示:
更新:当我删除span
引发错误的行并使用 Vue 浏览器插件(显示所有属性及其值)检查此 Vue 实例时,我看到 VeeValidate 自动添加了两个计算属性,errors
并且fields
. 两者都是看起来像这样的对象:
我不明白为什么errors
作为计算属性存在,但在模板中却找不到。
javascript - 如何访问使用 vee-validate 验证的自定义输入组件上的错误计算属性?
我正在尝试在自定义输入组件中使用 VeeValidate。
我尝试使用$emit
on @input
,@blur
但验证发生在下一个刻度上,我最终未能捕捉到事件的验证。
我还尝试从父级注入验证器,以便能够直接访问错误计算属性,但父页面和自定义输入组件本身之间可能存在 1-2-3 级嵌套。我必须通过所有这些注入验证器,并且这些组件是可重用的。
我得到的最好的想法是观察错误计算属性,并在组件实例中的错误发生更改时发出一个事件。
问题是我似乎看不到 vee-validate 引入的错误计算属性。
一些简化版本的代码:
父母
自定义输入
有人可以帮我从自定义输入中访问验证错误吗?
更新
如果有人发现更容易测试它,我创建了一个简单的小提琴https://codesandbox.io/s/mqj9y72xx
vue.js - Vee-Validate 自定义日期验证
我想知道是否无论如何您可以使用 vee-validate 插件编写自定义日期验证,其中结束日期不能小于开始日期?我从高处和低处看,无处可以找到明确的答案。
如果没有办法实现这一点,那么我可以不用它,但是,现在我在我的模板中为我的开始日期实现的是:
我的脚本如下所示:
但是没有出现验证。我想我的脚本中遗漏了一些东西,但我不确定如何在其中实现日期。任何帮助将不胜感激。
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 视为有效的电子邮件地址。
vue.js - vee-validate 的基本示例不起作用
我正在尝试使用 vee-validate 制作一个简单的表单验证页面。不过,似乎有些东西坏了,我不确定我到底做错了什么。
span 标签显示为原始 html:
标记:
小提琴。
我需要做什么才能使 vee-validate 按预期工作?