Stack Overflow
Stack Overflow

Questions tagged [vuelidate]

Use this tag to ask questions related to the validation library vuelidate.

Vuelidate is a simple, lightweight model-based validation for Vue.js 2.0

348 questions
6
votes
4 answers

Validate form input fields in child component from a parent component with Vuelidate

I am new to Vue Js and Vuelidate. Just tried to validate form input fields from a parent component like here: https://github.com/monterail/vuelidate/issues/333 Child component in the parent:
kewin123
  • 137
  • 1
  • 4
  • 16
6
votes
2 answers

vuelidate async validator - how to debounce?

So I have an issue with async validator on my email/user form element. Every time a letter is typed in, it checks for validation. If the email is 30chars, then that is over 30 calls! Anyone know the best way to debounce a vuelidate custom validator?…
Speedy059
  • 629
  • 10
  • 24
5
votes
0 answers

Nuxt 2 & Vuelidate 2 not working properly

I have installed vuelidate 2 to validate forms in my NuxtJS project. I followed instructions for installation and setup according to vuelidate documentation. This is how my setup files look until now: Package.json "dependencies": { "@nuxtjs/axios":…
OG Bobby
  • 51
  • 3
5
votes
1 answer

How to force a recheck of Vuelidate validation

How can I force Vuelidate to re-check a validation? My use case is that I have a form field where a user can enter the name of a remote directory and I have a Vuelidate validation which checks with the server if that directory exists validations: { …
Tim Barclay
  • 807
  • 8
  • 23
5
votes
2 answers

Cannot read property '__isVuelidateAsyncVm' of undefined

Here is the code I have codesandbox, What I have here is a form with validation and the "Calculate" button which is disabled until all fields will be valid. But for some reason, I'm getting the error Cannot read property '__isVuelidateAsyncVm' of…
Bogdan Dubyk
  • 4,756
  • 7
  • 30
  • 67
5
votes
1 answer

Vuelidate validation of computed property

In my Vue component I have 3 numeric fields, like this: data() { return { numberAdults: 0, numberChildren: 0, numberInfants: 0, } and also a computed property: computed: { numberPersons() { return…
H Mihail
  • 613
  • 8
  • 18
5
votes
0 answers

Using Vuelidate with Nuxt - keep seeing error even when the condition is met

I'm trying to use Vuelidate with my Nuxt project. So I installed the Vuelidate package, then in the plugins folder created vuelidate.js: import Vue from 'vue' import Vuelidate from 'vuelidate' Vue.use(Vuelidate) And defined it in…
Igal
  • 5,833
  • 20
  • 74
  • 132
5
votes
2 answers

How to use Vuelidate to show errors only when user is finished with input

I have the following form built with Bootstrap-Vue, which has a bit of Vuelidation code applied to it. …
ImranR
  • 516
  • 2
  • 13
  • 30
5
votes
1 answer

How to use Vuelidate minValue maxValue

I can't find how to check greater than 0, as minValue(0) also accepts 0, but if using minValue(1) then any decimal between 0 and 1 will be not accepted as well. Also I don't know why I can't use variables from data / computed for maxValue below. It…
Christhofer Natalius
  • 2,727
  • 2
  • 30
  • 39
5
votes
6 answers

Vuelidate check box validation

I am using Vue.js and I am new on it. I am currently working on validation. I had used vuelidate as my validation library. I had successfully done form validation, but trouble came when I had to check validation for check box. How can I check…
Ruben Gurung
  • 77
  • 2
  • 2
  • 10
5
votes
2 answers

Vue.js vuelidate: How to debounce async custom validator?

I have a validator that checks if username is already registered in database. It worked fine, except for the fact, that the request was send to the server with each character entered - which is way to often. So i tried to debounce the setting of the…
Jakubeeee
  • 666
  • 6
  • 13
5
votes
1 answer

vuelidate: validate items list that depend on its values

I need to validate the elements of a list in relation to a value of the element itself. Is it possible or should I create a validation for each product? new Vue({ el: "#app", data: { text: '', sons: [ {amount: 20, pending: 50}, …
Maske
  • 824
  • 2
  • 17
  • 35
4
votes
1 answer

Cannot set properties of undefined (setting '$vuelidateErrorExtractor') in quasar framework

I want to create a simple web app using the quasar framework. to validate form inputs, I'm planning to use vuelidate and vuelidate-Error-Extractor. so I have installed these packages and created a boot file using quasar CLI…
yasith rangana
  • 196
  • 2
  • 12
4
votes
0 answers

Vuelidate validate component props

I have a component "InputValidate". For now it's just an input with the custom vuelidate. However I can't find anything in the documentation on how I would validate the prop while still maintaining a binding between the parent and child…
HardReset
  • 95
  • 1
  • 9
4
votes
1 answer

Vuelidate — Date validation (Compare dates, lower and higher than)

I have two inputs where the user can select two dates, These two dates allow the user to select if a product is new during those two dates. I want to validate these two fields using Vuelidate and would like to compare the two dates and more to do…
Rainier laan
  • 1,101
  • 5
  • 26
  • 63
1
2
3
…
23 24