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
0
votes
1 answer

Vee-validate Basic example not working - errors not defined

I'm trying to make a simple form validation page work with vee-validate. Something appears to be broken though, and I am unsure what exactly I am doing wrong. How am I getting the error: errors not defined.
user10090131
0
votes
1 answer

Vee validate version x3 with Netlify forms

I have a simple working form where I make the submit with Netlify forms. Netlify forms are pretty straight forward where you just need to add name="contact" data-netlify="true" method="POST" and Netlify does all the backend work It looks something…
mart cube
  • 633
  • 1
  • 15
  • 30
0
votes
1 answer

eslint vee validate no-unused-vars

Using Vee Validate with Vue and am getting the following errors when compiling: error: 'required' is defined but never used (no-unused-vars) error: 'max' is defined but never used (no-unused-vars) My code snippet is below
Damian
  • 1,652
  • 4
  • 26
  • 44
0
votes
1 answer

vee-validate - Validating child component from parent

I'm using vee-validate 3.x I'd like to validate a form contained in a child component from the parent component. Parent
Léo Coco
  • 4,022
  • 11
  • 52
  • 97
0
votes
1 answer

rename validation responses in laravel

I am working my backend with laravel and I need to validate a password field and the confirmation field, for this I have the following validation rule (a summary): $rules = [ 'password' => 'required|min:5|confirmed', 'password_confirmation'…
max
  • 353
  • 3
  • 4
  • 12
0
votes
1 answer

Set field to be valid in method

I have a Vue JS form using Vee Validate, I have a method set up where I'd like to make a particular input field valid whenever the method runs. The method runs after a button is pressed: /** * Use email suggestion */ …
Ryan H
  • 2,620
  • 4
  • 37
  • 109
0
votes
1 answer

When using vee-validate, A filed is under a scope.This.errors.first('field') does not work

I want to validate a part first, and then the user will receive the mobile phone validation code, and then validate all when the user submits it. But I can't get the wrong information from this.errors.first('field') for the first time.
0
votes
1 answer

VeeValidate not working with inline editing. I am using v-for and v-if for inline editing

I have user list inline editing table structure. Each row is represents a user. I am editing user and using vee validate for validation validateState(ref) { if ( this.veeFields[ref] && (this.veeFields[ref].dirty ||…
Savan S
  • 407
  • 4
  • 19
0
votes
0 answers

Is there a way to force Vue to create empty attribute with "v-bind:" if it's bound to empty value?

I'm using vee-validate. It must have value attribute to validate it. But if I'll bind it like this: :value="formdata[name]"then it works only when the string value inside is not empty. But it is empty initially. In run-time that value attribute is…
Serhiy Mamedov
  • 1,080
  • 5
  • 11
0
votes
1 answer

How to solve Validation error after submit

I use veevalidate rule for each input in my form. After submit with valid data, all these data have been sent successfully to backend-side, but on frontend-side each input is highlighted as it ivalid. I had added reset method from veevalidate to…
Valerii Voronkov
  • 339
  • 1
  • 4
  • 16
0
votes
1 answer

Vee Validate custom cross-field rule, comparing two time strings

I have two time strings in my buefy form in vue that i want to validate the second one according to the first one, to only input no more than a one hour difference. I have the fields granularity to miliseconds. my script import { Validator } from…
Amir Khadem
  • 681
  • 9
  • 26
0
votes
1 answer

Multiple Vue forms with VeeValidate not working on the same page

I'm trying to use multiple forms with VeeValidate validation on the same Vue component and not having any luck. I've tried limiting validation to specific scopes but it doesn't seem to be recognizing them. The first view (register with 4 fields)…
Adam Robertson
  • 547
  • 1
  • 9
  • 22
0
votes
1 answer

With vee-validate make custom validation

In my vue 2.5.17 app I have a select input and text input and I have a create a validation rule that only 1 of them musdt be filled :
0
votes
1 answer

Use v-model instead of name attribute for Vee-Validate

I recently started learning to build a SPA with Vue and today i'm looking into Vee-Validate. With Vee-Validate, the validation needs the name attribute to be filled. If not, we get the following warning: [vee-validate] A field is missing a "name" or…
Anthony Aslangul
  • 3,589
  • 2
  • 20
  • 30
0
votes
1 answer

Is this example from bootstrap vue documentation wrong / outdated?

On this page https://bootstrap-vue.js.org/docs/reference/validation/ of the documentation of bootstrap-vue, they are giving an example of how to use vee-validate. However, their example doesn't work for me, because i get a warning saying…
Anthony Aslangul
  • 3,589
  • 2
  • 20
  • 30