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

vue2-editor How to use vee-validate

If you try to use it as above, it will not be used Can I use vee-validate with vue2-editor ??
Jaedeok.K
  • 3
  • 5
0
votes
2 answers

Vee-validate Validate only some fields

I have in a form multiple inputs that are validated by vee-validate, it works well, but I want to only check some fields on an event. So after seeing one issue about this https://github.com/baianat/vee-validate/issues/1089, I wrote this function: …
cedlemo
  • 3,205
  • 3
  • 32
  • 50
0
votes
1 answer

Variable as vee validate v-validate directive value

I'm using Vee validate for from validation, validation rules are coming from backend and passed to component data in following format: "rules": { "password": "{ required: true, regex: /(?=.*\\d)(?=.*[A-Z])(?=.*[a-zA-Z]).{8,}/ }", …
Maxim
  • 445
  • 2
  • 11
0
votes
2 answers

How to communicate/ validate Component inside form in vuejs?

I have a form which contains name and address components. In the parent's page I have a submit button. I can send data from the parent to the children using props. Now I am trying to get the children's values from the parent's form. And I want to…
bCliks
  • 2,918
  • 7
  • 29
  • 52
0
votes
2 answers

V-validate not working with interpolated attribute

When I use a static attribute, validation errors appear as expected: {{ errors.first(propertyName) }} But what if I don't want to hardcode the validation rules in the…
americanknight
  • 689
  • 3
  • 18
  • 37
0
votes
1 answer

vuejs v-validate custom validation rule: max value must bigger than min value that user input

Below are my code for 2 input fields in vuejs. The current validation rule is they both need to be numeric. I've read the official document here. I need to add another rule, that max-amount must be bigger than min-amount. The trick is min-amount is…
Nicolas S.Xu
  • 13,794
  • 31
  • 84
  • 129
0
votes
1 answer

Vuejs pass vee-validate to custom checkbox input

I can not make custom checkbox component with vee-validate support. I'm newbie in Vue. In my app checkbox must be required. But it doesn't work. I read a lot of articles about vee-validate and custom inputs, but all examples based on simple custom…
0
votes
0 answers

Vue.js vee-validate at least one checkbox needs be be unchecked

I'm allowing the user to dynamically add checkboxes to a form. The user has the option to check or not. What's the easiest way to check that at least one box needs to stay unchecked using vee-validate?
user1040259
  • 6,369
  • 13
  • 44
  • 62
0
votes
1 answer

Vee-validate not working with scopes using Nuxt.js and Vuetify

I'm having some validation problems with vee-validate and Vuetify: I have two forms with two different scopes and both are submitted in one function. the validation is working on submit but it's not showing the input errors on the UI: The inputs…
Fabio Zanchi
  • 924
  • 3
  • 16
  • 32
0
votes
1 answer

VUE JS - Vee Validate - Remove prefix from error message

I'm trying to remove the prefix from vee-validate error message. Every error fields are returning with a prefix of The ex: The field_name is required. I know I can change it with Custom Error Message like this. const dict = { custom: { …
Mike Trinh
  • 1,271
  • 2
  • 9
  • 19
0
votes
1 answer

How to use multi range in between rule of VeeValidate

How to use multi range in between rule or included of VeeValidate ? i would like to validate 1-15 and 100 Eq. 5 is valid 50 is invalid 100 is valid i try rule.between = [[1,15],100]; not work but error message is "The XXX field must be between 1,15…
Zeing
  • 15
  • 1
  • 8
0
votes
1 answer

display js variable to html using vue js

how do i display firstname , lastname etc etc into data using vue.js i have data in getData function so i have to display in data which is next to getData function. so how do i display firstname , lastname etc variable in data array, currently i am…
imnik18
  • 119
  • 2
  • 2
  • 13
0
votes
0 answers

In Vue.js, why am I getting an error when trying to migrate to a single file component?

I have followed the tutorial here: http://frankclark.xyz/veevalidate-strong-password-and-confirmation-validation to create a custom password validator. I'm now trying to move that code into a single file component. I have created a file called…
Hoa
  • 19,858
  • 28
  • 78
  • 107
0
votes
1 answer

Vee-Validate between and data_between not working with object notation

I am trying to validate data between to years using the object notation like followed:
0
votes
1 answer

vee-validate errors not updated when value changes on child component

While selecting the value from Kendo DropDownList the value get updated to the model, but the error always remains on errors object of the vee-validate. The error get removed only when the form is submitted again. I tried to implement the similar…
Rasik
  • 1,961
  • 3
  • 35
  • 72