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

vue.js - VeeValidate(vue.js) image file size and dimensions validation

How to set validation in form like this using vee validate in vue.js

  • Image dimension less then 500*500 pixel

  • Image size less then 100kb

0 投票
1 回答
906 浏览

javascript - 如何在 vue 组件中本地使用 VeeValidate 或任何第三方包

好的,情况就是这样,我正在与Vue.js. 我VeeValidate在我的一个组件中使用Component1.vue这样说,

在另一个组件中说Component2.vue我正在使用vuetable-2我这样注册的,

问题是两者VeeValidateVuetable内部都依赖于具有相同名称的计算属性。当我在VeeValidate全球注册时,如果我从toVue.use(VeeValidate);导航,则会出现错误消息,Component1Component2Vuetable

计算属性“字段”已经定义为道具

因为VeeValidate当我登陆时已经在全球注册了Component1

Component2如果我从没有任何依赖关系的任何其他组件导航到,VeeValidate那么它就可以正常工作。

所以这是我的问题,

如何VeeValidate在本地注册或任何其他包Component1.vue,以免影响其他组件?很像在components: {}对象中注册其他组件。

0 投票
1 回答
2352 浏览

vue.js - 如何使用 vee-validate 验证多个文件表单字段?

我有一个多文件选择表单字段,我正在使用 v-validate 来验证它。我怎样才能验证这种字段?

我没有使用多个。相反,我images[]在两个不同的行中使用两种输入类型。

在此处输入图像描述

0 投票
1 回答
1301 浏览

vue.js - 如何使用 veeValidate 中的 validateAll 作为计算属性禁用表单?

假设我在组件中有此按钮,并希望动态禁用该按钮,直到用户使用有效电子邮件填写 textField。

我将有效的电子邮件设置为计算属性,但它似乎不起作用,因为它是一个承诺

0 投票
1 回答
1377 浏览

javascript - 在范围内使用带有自定义 v-select 标记的 validateAll()

我有一个场景,我已经确定了一个表单的范围,以便我可以使用Vee-Validate使用下面的方法对其进行验证。

即使我在表单中添加了Vue 选择组件“范围”属性,它也始终为空。但是,它在范围之外工作正常。

我的 HTML && js 文件有些像

0 投票
1 回答
12859 浏览

vue.js - vee-validate 如何同时验证电子邮件和电话

我已经为电话编写了一个自定义验证器并像这样使用它

html

电话验证

我想验证用户名是电子邮件或电话号码,但它似乎不起作用。我怎么解决这个问题?

0 投票
1 回答
7976 浏览

vuejs2 - Vee-validate : 如何在对象构造后附加几个验证规则

我是 Vue.js 开发的新手。

使用 Vee-validate,我想将验证规则设置为“必需”和“正则表达式”(例如,电话号码应该是必需的 && \d{11})。

我仔细阅读了官方文档。

但是,我不知道如何将包括正则表达式在内的两个条件放入 Vue 实例的“created()”中。

以下作品:

但这不起作用:

如何启用多个条件?

0 投票
2 回答
1426 浏览

vuetify.js - 范围不适用于 vuetify 的 Vee-Validate

我一直在尝试在表单上使用vee-validate范围。Veutify但是当提交表单时,它不会显示任何错误或表单始终有效。

我想我在执行过程中遗漏了一些东西。

请帮忙。

提交方法:

示例代码

0 投票
1 回答
7468 浏览

vue.js - 如何使用 vee-validate 验证 vuetify stepper 中的表单

我正在尝试验证vuetify. 我设法以某种方式进行了验证。但我很困惑这是否是在 vuetify stepper 上进行验证的好方法。

我使用的方法数量与向导中的步骤数量相同。我正在使用vee-validate范围进行验证。

数据:

Vuetify 步进器: Form1

表格 2:

如果步骤增加,我正在实施的方式似乎很难管理表单和验证。因为我需要将方法数与步骤数相加。

另外,如果我想要一个按钮来制作表格,请建议我。我该怎么做?

0 投票
1 回答
1591 浏览

vue.js - 如何在 vuejs2 中使用 vee-validation 为输入字段编写自定义/通用验证

下面是我的代码。在那里,名字,姓氏,中间名输入字段在那里。我想使用单一方法为这些字段抛出错误。我只能在 validator.extend 函数中传递一个字段。例如:Validator.extend('firstName', {});。但我想通过 Validator.extend('firstName','lastName', 'middleName', {});( 或 )Validator.extend('fieldNames', {}); 像这样。请帮忙。