vee-validate Questions
2
Solved
I would like to validate if a file has been chosen using v-file-input and ValidationProvider from vee-validate.
Below is my code:
<v-flex>
<ValidationProvider rules="required" v...
Hade asked 10/7, 2020 at 2:5
10
Solved
I want to disable my submit button until my form is filled out correctly, this is what I have so far:
<form>
<input type="text" class="form-control" v-validate="'required|email'" name="e...
Labrie asked 8/11, 2017 at 11:25
2
Solved
I have a component called TextInput. I need to send v-model with @input event in this component, but I also want it to do validation with vee-validate.
But when I use the handleChange function in t...
Distortion asked 4/2, 2022 at 7:18
4
Solved
I am trying to use VeeValidate and the examples show the usage of ES6 import like this:
import { Validator } from 'vee-validate';
My understanding is that this works only with npm and not with C...
Borborygmus asked 2/3, 2018 at 21:19
7
Solved
I am using Laravel - 5.8 with Vue.js. My question is about how to show a custom error message for a rule in the Vee-Validate library. My custom message for the "required" rule is not show...
Warren asked 13/9, 2019 at 23:29
2
I'm on Nuxt v2.13 and Vuetify v2 , also using keep-alive in my default layout. As my app got bigger and bigger , I noticed the memory problem more and more so that my app needs at least around 4GB ...
Drubbing asked 28/3, 2021 at 13:6
3
Solved
I'm trying to use vee validate to verify the password using this code.
<div>
<input type="password"
placeholder="Password"
v-model="password"
v-validate="'required|min:6|max:35|confir...
Manse asked 10/7, 2018 at 12:38
3
Solved
I am trying to add vee-validate rule on Validation Provider of password and confirm password. v-validate must be working where I had to add rules to a textbox. But here in my case, I must have to u...
Convolution asked 11/3, 2019 at 19:3
5
Solved
I have a couple of components that need to be validated. The problem is that that inputs are in a child component while the submit button is in the parent like this
ParentComponent.js
<Valida...
Irrelievable asked 6/11, 2019 at 16:11
2
I've almost got my form validation working - I'm using Vee Validate 3 with Vue.js. Most of the examples of Vee Validate are for version 2, so I'm struggling a bit.
The issue I have is triggering t...
Chumash asked 3/11, 2019 at 20:52
2
Solved
I need to validate US phone number XXX-XXX-XXXX using vee-validate with this basic regex: (?:\d{3}-)\d{3}-\d{4}. The regex works fine by itself, but does not work with vee-validate, and I'm unsure ...
Pamilapammi asked 20/6, 2018 at 18:46
2
In my Laravel + Vue.js SPA (Single Page Application), I am using BootstrapVue ,
vue-phone-number-input package and VeeValidate. Upon inputting the country code and phone number, I can retrieve the...
Rechaba asked 22/12, 2019 at 21:11
2
Going through vee-validates documentation I don't see anything for validating select inputs. So my question is can you validate selects? Currently what I try does not display an error message...
H...
Dunlin asked 27/11, 2018 at 14:15
3
Solved
I need to display all form validation errors in one alert at the top of a form when the user clicks submits (not inline with the input elements).
How do I suppress the inline validation error mess...
Overdo asked 14/1, 2019 at 21:7
1
Solved
I have a global validation rule, for example:
import { extend } from 'vee-validate';
import { required } from 'vee-validate/dist/rules';
extend('required', {
...required,
message: 'Please fill ...
Conclusion asked 27/5, 2020 at 10:52
2
Solved
I'm wondering if it's possible to have multiple password requirements passed to VeeValidate in order to display which requirements a user is missing.
For instance, if we require that a user's pass...
Fourth asked 14/3, 2019 at 19:1
2
Solved
I am trying to restrict the number of digits a user can input between 3-6.
For some reason, I can't find how to do that.
this is the code I have to force user to add three digits only
<input...
Transude asked 2/2, 2018 at 14:10
1
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 ...
Packing asked 26/12, 2019 at 11:50
1
Solved
I'm using Nuxt + veeValidate 3.x
My plugin looks like this:
import Vue from 'vue'
import {
ValidationObserver,
ValidationProvider,
extend
} from 'vee-validate'
import { required, email, min, con...
Sensitometer asked 26/12, 2019 at 7:26
2
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._bounda...
Tailgate asked 24/12, 2019 at 14:17
0
In my Laravel+Vue.js SPA ( Single Page Application) I am using the datepicker package from here, BootstrapVue from here and Veevalidate from here .
I think I need to show only the code inside my c...
Intromission asked 22/12, 2019 at 12:4
1
I'm trying to have build a vue.js project strictly typed with Typescript.
I use VeeValidate to build a form. I use a reference to the VeeValidate ValidationObserver to process the submitted form.
...
Scenic asked 3/10, 2019 at 15:23
1
Solved
When I add:
Vue.use(VeeValidate);
My Vue page shows up blank with the console error:
TypeError: plugin is undefined
I found the following with the same error:
Vue plugin vee-validate not insta...
Eboni asked 30/8, 2019 at 10:42
1
I am testing a form component, all fields are validated with vee-validate
Currently I a injecting in my wrapper mount a validator
import VeeValidate from "vee-validate";
Vue.use(VeeValidate, { er...
Insurgence asked 17/10, 2018 at 16:49
2
Solved
App (parent)
Hi I have these component (Child)
TextComponent
InfoErrorForm
When I press submit from the parent component App is not validate this form. So I tried to validate with inject $validat...
Psalms asked 12/10, 2018 at 5:3
1 Next >
© 2022 - 2024 — McMap. All rights reserved.