问题标签 [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 回答
4618 浏览

vue.js - 如何使用 vee-validation 本地化 vuejs 中的错误消息

我想使用 vee-validation 本地化一些消息和属性名称。this.$validator.localize('en', { messages: { required: (field) => '* ' + field + required'}, attributes: { email: 'Email' }});只有在“created()”函数中使用 Eg: 时,我才能本地化消息。但我想在“main.js”中给出这个。每当我在 main.js 中调用它时,它都会抛出如下错误:

“未捕获的类型错误:无法读取未定义的属性‘本地化’”

我在 main.js 中的代码。我在 main.js 中给出了这段代码,因为我想在所有 vue 文件中访问我的项目。下面是我的代码。

0 投票
1 回答
412 浏览

vue.js - Javascript 函数在 vuejs 中无法正常工作

下面是我的代码。我想在提交期间验证表单。我阻止提交操作,直到所有数据都有效。因此我使用了“validata all()”方法。如果表单的日期为空/无效,则应提示“未提交”。否则应提示“已提交”。我的问题是,当我第一次单击提交按钮时,警报显示为“已提交”而不是“未提交” Result1。但是当我第二次或进一步单击相同的按钮时,它正确显示为“未提交” Result2。我不知道原因,为什么它在第一次不起作用。

0 投票
1 回答
431 浏览

javascript - 在 vee 验证中转义正则表达式中的单引号和双引号

在这种情况下,我无法理解如何转义单引号和双引号:

0 投票
1 回答
1258 浏览

vue.js - Vuejs - 如何从另一个 Js 文件调用 main.js 的挂载函数

这是我在 commonValidation.js 中给出的代码。

commonValidation.js:

我想在下面的挂载函数中调用 main.js 中的上述文件。但它不起作用。如果我在mounted()(in main.js) 方法中给出了这些验证(来自commonValidation.js),它就可以工作。

主.js:

请帮我在 main.js 中的 mounted() 中调用 commonValidation.Js。提前致谢。

这是我完整的 commonValidation.js

0 投票
0 回答
453 浏览

vue.js - 使用 vee validate 为每个表单指定自定义消息

想象一下,我有两个表格,每个表格都需要电子邮件字段。我想要:

  1. 为每个表单显示不同的验证消息
  2. 能够本地化它们

为什么我需要这个:例如,当用户注册但未填写电子邮件字段时,我想显示如下内容:“请指定您的电子邮件。我们将向您发送一些说明到此电子邮件,以便您知道如何继续”。

另一方面,当用户在他的个人资料中并试图更改他的电子邮件时,我可以告诉他:“电子邮件是必填字段”或类似的东西。

另外,我需要将它们都本地化。

我知道我可以为每个字段的名称属性指定自定义消息,但这意味着所有表单都将使用它们。但是,我希望能够拥有更多的控制权。实际上,我的应用程序中有本地化文件,例如 en_US.json、ru_RU.json,每个表单都放置在一个对象内,带有标签、占位符等,还有一个验证对象。

那么,有可能吗?

0 投票
4 回答
13793 浏览

validation - Vue.js Vee Validate 如何在元素范围内进行验证

我在我的项目中使用VeeValidate 插件进行验证。

这是我要验证的表格。

在此处输入图像描述

如果我想验证保存按钮上的所有字段

这种功能会有所帮助。

但是,如果我想在添加按钮上验证大学和课程怎么办。 除了 validate all 有没有办法只传递这两个字段名称(uni 和 cou)进行验证?

0 投票
1 回答
136 浏览

vue.js - 如何从普通 js 文件访问所有 vue 文件的验证?

下面是我的代码。我已经在 addEmployee.vue 文件中完成了验证,并将验证写入了 addEmploee.vue 文件的脚本部分。但我想将这些验证放在 common.js 文件中,并且也想访问其他 vue 文件中的验证(在整个项目中),例如:我也想在 addClient.vue 文件中访问相同的验证。

0 投票
1 回答
1858 浏览

vue.js - Vee 验证在标签

下面是我的代码。在 addEmployee.vue 文件中,有字段。名中间名姓。在三个字段中,“名字和姓氏”具有 noraml 标签。但是“中间名”有标签。Vee-validate“必需”验证适用于普通输入标签字段,但不适用于 Middlename 字段。这是什么原因?

addEmployee.vue

提前致谢。

0 投票
1 回答
160 浏览

vuejs2 - Vee 验证 if/else 输入字段

如果出现错误,我想向输入元素添加一个类(边框 1px 实线 #ff0000)。喜欢:

错误:

输入:

我怎样才能做到这一点?

0 投票
1 回答
5383 浏览

vue.js - vee validate“必需”验证仅在更改字段时才有效

下面是我的代码。我的表单中有三个字段。名中间名姓。所有这些字段都设置为必填项。唯一的区别是“Firstname & Lastname”包含输入标签,但“Middlename”包含 b-form-input 标签。实际上我的问题是,当我关注(模糊)这些(“Firstname & Lastname”)字段时,它会引发一个必需的错误,但是当我对 ("Middlename") 字段执行相同操作时,它不会Image1。我必须在该(“中间名”)字段Image2中输入值,然后我删除了它引发错误 Image3的值,即所需的验证仅在“(“中间名”)字段的“更改”中起作用。原因是什么这个?