问题标签 [vuelidate]

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 投票
0 回答
566 浏览

vue.js - vuematerial 中的 md-error 和 md-invalid 是什么意思?

vue-material中没有关于这些类的文档。这些类来自哪里,它们与 vuelidate 有什么关系?我正在尝试编写客户端验证。上面链接中的表单验证示例也不起作用。

目前 vue-material 处于 1.0 的 beta 版本中。vue-material 1.0 GA 发布的时间表是什么?

0 投票
0 回答
586 浏览

laravel - Vuejs vuelidate erros:获取 laravel 服务器错误

在我的 Laravel 5.5/vue.js2.5 应用程序中,我使用了 vee-validate 和 vee-validate-laravel ( https://www.npmjs.com/package/vee-validate-laravel ) 库。最后一个对于处理服务器错误和客户端 vuejs 错误很有用,我写的代码如下:

现在我使用 vuelidate (https://github.com/monterail/vuelidate)并且需要一些类似的决定,我试图用谷歌搜索,但没有找到,如果 vuelidate 中的服务器错误有类似的库(或决定)?

谢谢 !

0 投票
3 回答
8044 浏览

vue.js - 选择验证问题上的 Vuelidate 空对象

我想知道如何使用 vuelidate 验证空对象。我试图在 jsfiddle 上进行演示,链接如下

jsfiddle

0 投票
2 回答
2957 浏览

javascript - 多个电子邮件的逗号分隔列表的 Vuelidate 验证

我正在为这个表单使用 vuelidate 的电子邮件验证器:

效果很好,但不验证逗号分隔的电子邮件列表。验证器代码有一个正则表达式变量:

我正在尝试在我的validations方法中自定义它:

如果有人对此有任何想法,我将非常感激!

0 投票
0 回答
743 浏览

validation - Vuelidate:有条件地添加验证模型

几周前,我最近使用 Vee-Validate 的 Vuelidate 对我们所有的应用程序进行了转换,到目前为止,我一直很喜欢它的灵活性;但是,我遇到了一个我不太确定如何解决的问题......

我在此处使用我的真实数据添加了(原始)示例:

https://jsfiddle.net/80cuuagp/18/

从小提琴:

问题是 - 我根据用户的输入有条件地呈现字段。如果他或她对任何问题选择“是”,则会在其下方出现一个辅助字段集并要求输入。这些字段仅在选择YES并出现在DOM上时需要这些字段(并且还将具有不同的验证,我不确定如何解决,又不硬编码所有内容)。我已经尝试通过使验证成为一个函数来循环数据,但即使它似乎可以编译,它也不会基于将 question[index].value 设置为 true 来动态添加任何验证。

我觉得必须有一个简单的方法来做到这一点,但在这一点上我肯定是想多了。任何帮助将不胜感激!

谢谢!

0 投票
2 回答
958 浏览

vuejs2 - 是否有 vuelidate notSameAs 验证器

我遇到了一个关于简单密码更改表单的问题,我想确保新密码与旧密码不同

我已经尝试直接按照文档实现它:

现在,从 vuelidate 导入正确的项目并不像文档说明的那么容易。

0 投票
1 回答
9981 浏览

vuejs2 - Vuelidate 日期输入字段

我希望有人可以向我澄清,如何在验证 Date 对象时正确使用 Vuelidate。我想将当前日期用作最小日期,因此如果用户稍后输入日期,则会显示错误。

我有一个例子:https ://jsfiddle.net/cheslavcc/fns8eh0f/1/

我使用 Moment.js 作为日期格式化程序,并使用官方 Vuelidate 文档中的 minValue:https ://monterrail.github.io/vuelidate/#sub-builtin-validators

任何帮助表示赞赏,非常感谢!

0 投票
1 回答
25 浏览

vuetify.js - 无法确定已发布示例中的参考

我正在尝试使用带有验证的 Vuetify 表单,并尝试使用https://vuetifyjs.com/en/components/forms上的示例(示例:#vuelidate)作为起点。

在脚本中,该示例引用了一个“$v”,我认为它是某种验证对象。我试图推断它来自哪里完全失败了。

我尝试了各种导入('vuelidate'、'vuelidate/lib/validators')并使用 npm 添加到我的组件库中,但没有运气。

有人可以告诉我 $v 的来源以及我是否需要做的不仅仅是利用脚本中显示的导入。

谢谢你的帮助,--唐

0 投票
1 回答
954 浏览

vue.js - Vuelidate - 错误验证逻辑

在 vuetify 的表单验证的官方示例(使用 vuelidate)有

nameErrors是一个计算方法,它返回该字段的所有错误。

有人可以解释一下这条线的意义何在

如果字段没有被修改(不是 $dirty),为什么返回错误数组为空?

0 投票
1 回答
28086 浏览

validation - 使用 vuelidate 验证嵌套对象时在 vuetify 中显示错误消息

我正在使用vuelidate验证我的表单输入并使用vuetifyjs显示错误消息。我设法进行了基本的对象验证并能够显示错误消息。

但是,我在验证集合时遇到了显示错误消息的问题。

问题

示例数据结构:

示例验证:

示例模板:

计算错误消息示例:

示例方法(更新,也尝试了传递索引的方法):

但是,当我这样做时,它总是正确的,因此永远不会显示错误。

预期的

我希望有与vuelidate 子集合验证中看到的相同的示例。不同之处在于我希望以编程方式生成消息,而不是在模板中循环。

参考

vuelidate 提供的示例: