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
Questions tagged [vuelidate]
348 questions
0
votes
1 answer
Vue.js - Vuelidate custom validator
I am using vuelidate, and need to do some custom validation but it involve taking into consideration different fields. For example: I have a radio button to select between Month and Year
If I select Month I will have a Year Start (2021, 2020,...)…
ferni
- 35
- 1
- 7
0
votes
1 answer
How to highlight border color of input field when error message display in Vuejs?
I have an input field, where with the help of maxlength I am checking the length of input field and displaying the error message like "30 har only". So now I need to highlight the border color to red when the error message appears.
T dhanunjay
- 790
- 1
- 13
- 46
0
votes
1 answer
Bootstrap-Vue + Vuelidate: "Dialog" for creating and updating data
I'm trying to reuse the dialog form but when trying to update Vuelidate says the form is invalid, I'm not sure why. This is my code.
0
votes
1 answer
How to configure correctly vuelidate?
Using the latest version of Vue
I've been trying to make Vuelidate work
Every guide I see on the internet using this type of "Main.js" code:
import Vue from 'vue';
import Vuelidate from 'vuelidate';
import App from…
user8395584
0
votes
1 answer
equivalent Laravel nullable validation in VueJs
In Laravel framework we have nullable in validation, it does mean when field is't null the field should be validate and when it's null, validation shouldn't check field, for example:
'name'=>'nullable|min:3|max:20`
now i want to know whats…
DolDurma
- 15,753
- 51
- 198
- 377
0
votes
1 answer
Validations in Vue using Vuelidate are not working
Hey guys
I wonder if I miss something here, iv'e trying to figure it out for a few hours and didn't came up with a solution.
I'm trying to use form validations using Vuelidate in vue, everything seems in place but after the custom alert I created,…
user8395584
0
votes
1 answer
How to validate password field with every character in Vuejs?
This my code pen link https://codepen.io/santoshch/pen/bGgKNWV
the code is already validating both password fields, if there is mismatch in input it display as must be identical.
But need it as For example i am entering in password field as "asdfg"…
T dhanunjay
- 790
- 1
- 13
- 46
0
votes
0 answers
Based on the length how to validate confirm password in vuejs?
Codepen link https://codepen.io/santoshch/pen/bGgKNWV
T dhanunjay
- 790
- 1
- 13
- 46
0
votes
1 answer
VueJs using Vuelidator for validating input values and getting error
After reading document of Vuelidator in this link, when i try to use this javascript package i get this error:
[Vue warn]: Error in v-on handler: "TypeError: target is undefined"
installing the package in my project inside app.js:
import Vue from…
DolDurma
- 15,753
- 51
- 198
- 377
0
votes
2 answers
Validate form using Vuelidate on page load
I am new to Vuelidate and was wondering how I go about validating the form on load as I can't seem to find the answer anywhere?
I have my validation fully working using Vuelidate when empty required input or checking an email is valid.
The reason I…
murday1983
- 3,806
- 14
- 54
- 105
0
votes
1 answer
How to use Vuelidate Ref in custom validator using Typescript
I am trying to write a custom Vuelidate rule to ensure a specified field is a date value after another field value.
Here's what I've written so far:
export const isDateAfter: (field: string | ((vm: any, parentVm?: Vue) => any)) => ValidationRule =…
James Hyde
- 686
- 1
- 9
- 25
0
votes
0 answers
0
votes
1 answer
Support Vuelidate with CDN for Vue 3
Unfortunate in current study migration of one big old JS project we can not use npm
I would like to add vuelidate support for Vue 3 but don't see how I can do it without npm
By official documentation from…
askeet
- 689
- 1
- 11
- 24
0
votes
1 answer
How to conditionally render with button in Vuejs?
export default {
name: "HelloWworld",
data: function () {
return {
isHidden: false,
isWelcome: false,
isFadeout: false,
}
}
//some code for screen1
T dhanunjay
- 790
- 1
- 13
- 46
0
votes
2 answers
How to conditionally render the screens with button in vuejs?
export default {
name: "HelloWworld",
data: function () {
return {
isHidden: false,
isWelcome: false,
isFadeout: false,
}
}
//some code for screen1
T dhanunjay
- 790
- 1
- 13
- 46