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

Validate specific amount of input fields with vee-validate

I want to validate varios steps in a wizard, without validating all inputs, when clicking on the next button. When clicking on the next button it should fire the function to validate the input fields of the first step. Then in the next step the…
jjve
  • 1
0
votes
1 answer

How to test more than 2 components using VeeValidate?

When I try to test 2 components (with 2 different test files), just the first file will pass. The second will fail with [Vue warn]: Error in directive validate bind hook: "TypeError: Cannot read property '$scopedSlots' of undefined". I'm really…
Jourdan Rodrigues
  • 123
  • 1
  • 11
0
votes
1 answer

Vee-validate - validate repeatable input fields

I want to validate a repeatable text field in vee-validate. At least one row of inputs should be filled. How can I achieve such kind of validation? Here is shown how my repeatable text field looks like in the browser. When I click "+" a new row with…
Mikołaj Waśniewski
  • 1,298
  • 14
  • 16
0
votes
1 answer

Veevalidate always return true Vuejs

I´m using webpack and instance VeeValidate using this way: import VeeValidate from 'vee-validate'; Vue.use(VeeValidate, { // This is the default inject: true, // Important to name this something other than 'fields' fieldsBagName:…
Antonio Morales
  • 1,044
  • 2
  • 16
  • 35
0
votes
1 answer

ValidationProvider isn't displaying the error message of the dictionary - VeeValidate with VueJS

I would like to customize the error message of a component that didn't match the "cpf" rule. For that kind of situation, I think that the dictionary of custom messages should work, but I couldn't figure it out how to implement this. This codesandbox…
Thiago Benine
  • 93
  • 3
  • 8
0
votes
1 answer

How to customize “required” error messages for ValidationProvider using a dictionary on VeeValidate (Vue.Js)

I would like to change the error message when my component MyInput with "cpf" rule isn't filled (in other words, when a component with "cpf" rule didn't satisfy the "required" rule). I think that the "dictionary method" with custom messages should…
Thiago Benine
  • 93
  • 3
  • 8
0
votes
1 answer

Vue-i18n Integration by vee-validate not working as described in the documentation

Hello I did a copy/paste from the vee-validate documentation into this codesandbox and I get no validation message - just the following error on the console: [vue-i18n] Cannot translate the value of keypath 'validations.messages._default'. Use the…
Alexander Mihailov
  • 1,050
  • 1
  • 12
  • 19
0
votes
1 answer

Access store module action inside plugin

I am creating a custom backend vee validation. I have installed vee-validate as my plugin. In my vee-validate.js, I am creating an extended validation as below: const isAvailable = async (value) => { const response = await axios.post( …
Doridel Cahanap Mendez
  • 21
  • 2
0
votes
1 answer

Nuxt doesnt include Vee-validate module into production build package in ssr mode

When building an app in ssr mode I've noticed that vee-validate is not included in the build package and app crashes on the server. To reproduce: 1) > nuxt build 2) delete vee-validate from local node_modules 3) > NODE_ENV=production node…
31415926
  • 3,811
  • 7
  • 47
  • 78
0
votes
2 answers

vee-validate - Independent forms validation with separated methods

I currently have two forms in two separated steps, each one with its own submit button. If I use $validator.validateAll() all the inputs on the page will be validated but I do need the validation only for that form. That's what I have:
Fabio Zanchi
  • 924
  • 3
  • 16
  • 32
0
votes
1 answer

VeeValidate check for errors in entire scope

I am trying to render out a warning if there is an error within a specific scope. This is due to the form being across multiple tabs and hopefully making it easier for people to see what needs fixing. The issue is, I have tried multiple methods but…
UncountedBrute
  • 484
  • 1
  • 7
  • 25
0
votes
1 answer

Is it possible to change position of aria attributes in Vee Validate?

As far as I know, aria-required and aria-invalid attributes are positioned on the input tag where you embed the v-validate attribute. Eg. will manifest itself as:
randomguy
  • 31
  • 2
  • 6
0
votes
1 answer

more than one validation, confusing

I'm currently used vee-validate to check my input, and in this case I need you to check two things, first the function that has already added, the length of the value should der example of length: 2, perfect, but Now I need to check that the value…
Gabriela
  • 93
  • 2
  • 9
0
votes
1 answer

VueJS Form validation with VeeValidate, can't type on some mobile devices

We have a weird problem in a form that is validated with Vee-Validate We have an input:
Heady
  • 935
  • 3
  • 10
  • 23
0
votes
1 answer

Vee-validate: Custom rule gets multiple times called

I have a custom rule to check if a name is unique, the textfield exists multiple times in my form, because the the form is repeatable I have done a small simplyfied demo there -> https://codesandbox.io/s/v81mxn2ojy take a look in the console to see…
Gregor Voinov
  • 2,203
  • 7
  • 34
  • 52
1 2 3
…
40 41