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: SyntaxError: Invalid regular expression

I use VeeValidate and regex for password with requirement: At least two characters from uppercase, lowercase, numbers, and…
MrXo
  • 131
  • 1
  • 9
0
votes
1 answer

VeeValidate odd results on custom validation

I am validating start and end time fields in a form. The inputs look like (yes, I have a lot of parameters to be able to do server-side validation):
0
votes
1 answer

How to validate a field using a custom rule on vee-validate version 3

I want to check the availability of a username in a database querying to an API. The code related to the rule that evaluate the field is: extend('exists', value => { apiService.checkUsername(value) .then(response => { …
VicentGN
  • 23
  • 5
0
votes
1 answer

BootstrapVue VeeValidate - show an extra error message when form is invalid

I am using BootstrapVue and VeeValidate in my Laravel + Vue.js SPA (Single Page Appplication). When form fields are invalid, it automatically shows errors in respective positions. But I need a way so that whenever any form input is invalid I can…
Istiaque Ahmed
  • 6,072
  • 24
  • 75
  • 141
0
votes
2 answers

Vue.js - validation fails for file upload in axios when multipart/form-data used in header

I am building a Laravel+Vue.js SPA (Single Page Application) with BootstrapVue, VeeValidate and axios as the HTTP client. Inside axios, when I use multipart/form-data; boundary=${uploadForm._boundary} as the Content-Type in headers then all the…
Istiaque Ahmed
  • 6,072
  • 24
  • 75
  • 141
0
votes
1 answer

How to create a fiddle with vee-validate code?

I try to create a fiddle with vee-validate 3.0 using ValidationObserver, but I encounetred a problem, that trying to add lines : import {ValidationObserver, ValidationProvider, extend} from 'vee-validate' import {required, email, url} from…
mstdmstd
  • 2,195
  • 17
  • 63
  • 140
0
votes
1 answer

ValidationProvider rule for url checks

In @vue/cli 4.0.5 app I need to add additive URL checks to ValidationProvider rules. My code: But got this console…
mstdmstd
  • 2,195
  • 17
  • 63
  • 140
0
votes
1 answer

VeeValidate use custom rule globally

I have a custom veevalidate rule that I use to see if the value entered is already in an array in that component. I want to use this rule in different components with different arrays. Is there a way to do this? Here is my current rule in just one…
0
votes
1 answer

How to validate input from BootstrapVue form with VeeValidate?

I have a form which is built with BootstrapVue. In order to validate the form input, I came across VeeValidate. The select input is part of a longer form and currently looks like this:
...
bauhausweb
  • 135
  • 1
  • 13
0
votes
0 answers

vee validate 3.x setting all fields to touched on submit

How can I set the fields in my form that are wrapped in ValidationProvider to touched when submitting a form. My current code is as follows using the ValidationObserver with a ref of "observer" to wrap the form. This changes the fields object in the…
0
votes
0 answers

[Vue warn]: Injection "$validator" not found Error on attempt to use vee-validate

I'm new to VueJS so I decided to use it for a small project. I needed to validate client entries..I googled and found vee-validate would be appropriate for my style of creating a component so I used the style found in this post…
Guzzyman
  • 561
  • 6
  • 16
  • 37
0
votes
1 answer

VeeValidate max_value erroring all the time

Using a default rule in VeeValidate I am seeing an error anything I type in the input. I have other rules that work fine, I have a regex rule that works fine, but this does not, what am I missing? I have all the rules on the same validation file so…
illcrx
  • 774
  • 1
  • 12
  • 32
0
votes
1 answer

Unhandled promise rejection InvalidCharacterError in IE11 with VEE Validate Vue.js and babel-polyfill

I have a problem in IE11 where i get a InvalidCharacterError when i validate a form with vee validate in vue.js. I think it could be a polyfill error but i'm not quite sure. I tried removing certain parts of my code to see if the problem is still…
0
votes
1 answer

VeeValidation returns always true

I just start using vee-validate in my project. I have following code in my component where is simple form group with validation
Denis Stephanov
  • 4,563
  • 24
  • 78
  • 174
0
votes
1 answer

Problems with validation before submit

I'm trying to get an example from the VeeValidate docs to work. It can be found here. I'm clearly missing something but I don't know what. My form is always valid, even though I'm not adding any text to the inputs. Do I need to customise the…
Mala
  • 115
  • 3
  • 9