Stack Overflow
Stack Overflow

Questions tagged [vee-validate]

For question related with VeeValidate library for Vue.js.

VeeValidate is a validation library for Vue.js. It has plenty of validation rules out of the box and support for custom ones as well. It is template based so it is similar and familiar with the HTML5 validation API. You can validate HTML5 inputs as well as custom Vue components.

It is also built with localization in mind.

610 questions
24
votes
2 answers

Nuxt huge memory usage / leakage and how to prevent

I'm on Nuxt v2.13 and Vuetify v2 , also using keep-alive in my default layout. As my app got bigger and bigger , I noticed the memory problem more and more so that my app needs at least around 4GB RAM on cloud server to be built and work properly. I…
Mojtaba Barari
  • 1,127
  • 1
  • 15
  • 49
23
votes
3 answers

Vue js vee validate password confirmation always false

I'm trying to use vee validate to verify the password using this code.
margherita pizza
  • 6,623
  • 23
  • 84
  • 152
15
votes
4 answers

How to use ES6 import (client-side JS)

I am trying to use VeeValidate and the examples show the usage of ES6 import like this: import { Validator } from 'vee-validate'; My understanding is that this works only with npm and not with CDN. I want to just write client-side js and not use…
rrebase
  • 3,349
  • 2
  • 16
  • 27
14
votes
8 answers

Using Vee-validate to disable button until form is filled out correctly

I want to disable my submit button until my form is filled out correctly, this is what I have so far:
Green_qaue
  • 3,561
  • 11
  • 47
  • 89
11
votes
2 answers

Validate Child component Vue vee-validate

App (parent) Hi I have these component (Child) TextComponent InfoErrorForm When I press submit from the parent component App is not validate this form. So I tried to validate with inject $validator in the child component (TextComponent), and provide…
HalleyRios
  • 602
  • 1
  • 4
  • 18
9
votes
1 answer

Vue.js unit:test : Is there any way to mock a Vee-Validate validator plugin?

I am testing a form component, all fields are validated with vee-validate Currently I a injecting in my wrapper mount a validator import VeeValidate from "vee-validate"; Vue.use(VeeValidate, { errorBagName: "errors" }); describe("ContactForm.vue",…
user762579
8
votes
7 answers

custom validation message in vee-validate

I am using Laravel - 5.8 with Vue.js. My question is about how to show a custom error message for a rule in the Vee-Validate library. My custom message for the "required" rule is not showing, and instead it reads: "The first_name field is required."…
Pankaj
  • 9,749
  • 32
  • 139
  • 283
8
votes
2 answers

Adding vee-validate / HTML attributes to input element in slot

In my application I have a lot of forms and most inputs look exactly like this:
Marvin Rabe
  • 4,141
  • 3
  • 25
  • 43
7
votes
3 answers

VeeValidate, Confirmed rule not working on ValidationProvider

I am trying to add vee-validate rule on Validation Provider of password and confirm password. v-validate must be working where I had to add rules to a textbox. But here in my case, I must have to use Validation Provider. Please…
Prashant
  • 1,375
  • 2
  • 14
  • 22
7
votes
1 answer

Vee-Validate validateAll() with scope

I have a scenario where I have sectioned out (scoped) a form so that I can validate small chunks at a time using the following function. validateScope (scope) { return this.$validator.validateAll(scope); } I want to do one final validation of the…
Neve12ende12
  • 1,154
  • 4
  • 17
  • 33
6
votes
0 answers

Vee Validate 4 validation with Vuex 3 computed property

I'm trying to build a multi-step form wizard following the official Vee-Validate guide, the example it provides is found here. While this is helpful, I want to incorporate Vuex into this, and I'm using custom components instead of Vee-Validate's…
Danoctum
  • 321
  • 5
  • 16
6
votes
1 answer

How to redefine a Vee Validate error message for one Vue component?

I have a global validation rule, for example: import { extend } from 'vee-validate'; import { required } from 'vee-validate/dist/rules'; extend('required', { ...required, message: 'Please fill the field' }); This rule is using for all Vue…
Ky6uk
  • 1,067
  • 3
  • 16
  • 26
6
votes
1 answer

Push a custom error message to ValidationObserver

I'm using Nuxt + veeValidate 3.x My plugin looks like this: import Vue from 'vue' import { ValidationObserver, ValidationProvider, extend } from 'vee-validate' import { required, email, min, confirmed } from…
Shirker
  • 1,233
  • 2
  • 18
  • 30
6
votes
5 answers

How to use vee-validate in a parent-child relationship

I have a couple of components that need to be validated. The problem is that that inputs are in a child component while the submit button is in the parent like this ParentComponent.js
Christopher Mellor
  • 470
  • 2
  • 9
  • 23
6
votes
2 answers

Vue + Vee Validate 3 Trigger Manual Validation

I've almost got my form validation working - I'm using Vee Validate 3 with Vue.js. Most of the examples of Vee Validate are for version 2, so I'm struggling a bit. The issue I have is triggering the validation when submitting the form. If I click…
Damian
  • 1,652
  • 4
  • 26
  • 44
1
2 3
…
40 41