638 questions
0
votes
0
answers
119
views
vee-validate - zod - validation
Im hoping someone can help me out with this as im struggling to find the right docs to read on how to do more complex, I dont even think its that complex, validation rules. I have two fields ...
- 67
0
votes
0
answers
68
views
resetField({ value: undefined }) prevents the form from becoming valid after updating the field with Vee-Validate and Yup
I have a multi-step form using Vue3 and Vee-Validate with Yup. I want to reset a field to remove it from the values and then fill it again with a new value. But when I do this, the meta.valid tag is ...
- 116
1
vote
2
answers
251
views
How to set initial values in vee-validate onMounted event
I'm using vee-validate in a Vue 3 project and need to set initial values dynamically when the component mounts. However, the updated value in the onMounted lifecycle hook doesn't seem to take effect ...
1
vote
1
answer
46
views
vee-validate (Vue 2) does not validate child component
I have a problem with an application working on Vue2.js with vee-validation package.
Here is the link to the app : https://codepen.io/EnjoyMachine/pen/ogvbZgO
// find the code in the codepen link
As ...
- 948
0
votes
1
answer
302
views
vee-validate & yup: how to display multiple validation errors and not just single error message (fast-exist)
Hey I just starting learning vue 3, vee-validate and yup and I want to display multiple validation errors below input and not just single error message, like this
detail-expected
I tried to use ...
1
vote
0
answers
271
views
Synchronize value of useField from vee-validate with v-model of vue 3.4?
I am trying to create a reusable Textarea component, using vee-validate 4.13.1 and
vue 3.4.21 and storybook Below the code of Textarea.vue
<template>
<FormControl :valid="isValid"&...
- 154
0
votes
1
answer
120
views
What is missing from this vee-validate example in vue?
I'm trying to use yup and vee-validate with vue 3, but the validate function isn't working as I expect it to.
Here is a simple component I set up in my template
<PwInput :class="{'input-...
- 774
1
vote
1
answer
263
views
Update Vee Validate after successful submission but API returns bad request
This is my component: SignupButton.vue
<script setup>
import { Form, Field, ErrorMessage } from 'vee-validate';
import { toTypedSchema } from '@vee-validate/zod';
import { z } from 'zod';
const ...
- 220
1
vote
0
answers
245
views
how to Validate dynamic Form fields with vee-validate v4 vue3?
I am trying to validate dynamic field like this, because the component is gonna be large to share, let me show you part of it, and the one that causes the bug,
<template>
<Form v-slot="...
- 11
0
votes
1
answer
857
views
Vee-validate with Zod: Custom Error Message Not Displaying on Blur in Vue 3 Composition API
I'm trying to use vee-validate with zod using Composition API and custom error messages.
The problem is that if I click into the input and immediately click outside the input it will show the default ...
- 2,255
4
votes
2
answers
15k
views
Hydration completed but contains mismatches using VeeValidate and Pinia in Nuxt
this week I'm having a weird error into my Nuxt app, it's a small app, it's only a landing page with a register form for an event, I worked on this last week and I published it and it works fine.
Now, ...
- 495
0
votes
1
answer
385
views
Vee-validate v4 how to force lazy validation
Maybe a dumb question but does any body know how to force a field to be lazy validated using vee-validate v4?
I am finding that my validation rules being executed on each keystroke instead of waiting ...
- 125
2
votes
1
answer
788
views
How can I check if a value is in array with Valibot?
I want to validate if the input of a select element is in the array of valid values with Vue + Valibot.
I have a select with numeric values (IDs) and I need to check if is a valid ID.
So first I check ...
- 116
-1
votes
2
answers
104
views
axios request is not giving response or errors
i am using vue js with vee validate on frontend and laravel 10 on backend and i trying to hit my register api , i want to show the validation errors that are returned from the backend api , the ...
0
votes
1
answer
1k
views
vee-validate useFieldArray trigger errors when mounted
I am using vee-validate with yup and vuetify for some form validations. The thing is that one of my fields is an array of objects, like this:
interface Birthdate {
day: number | null
month: number ...
- 1
3
votes
0
answers
430
views
vee-validate validateOnMount: false does not work
I have array of field, I don't want the validation to trigger until and unless user touches the field.
I have tried validateOnMount: false but this still does not work.
<template>
<form @...
- 788
1
vote
0
answers
56
views
Why does vee-validate use v-bind instead of v-on to bind event handlers?
Looking at the documentation for vee-validate, I see the following example in the Components section:
The following is App.vue:
<script setup>
import { useForm } from 'vee-validate';
import ...
- 21
2
votes
1
answer
968
views
Vee-validate: "No such validator 'required_if' exists."
I'm using vee-validate v3 with Vue 2.7. Specifically, here's the vee-validate entry in my package.json:
"vee-validate": "^3.4.5",
I'm having trouble getting the required_if rule ...
1
vote
1
answer
227
views
Vue with a form validator via CDN but can't render the form elements
I need to use Vue with a form validator via CDN but I can't render the form elements, the code below is a simple form with just one field in the input but Vue doesn't render the form element, I've ...
- 295
0
votes
1
answer
2k
views
Vee-validate and yup with dynamic input fields not validating and showing errors
As a follow up question to my post here. I actually have fields in a loop so I need to setup vee-validate and yup dynamically.
So here's my script:
import { useForm } from 'vee-validate'
import * as ...
- 416
0
votes
1
answer
207
views
change validation message bagisto
I am using Bagisto and want to change the validation message only for particular field
Code is as below
<div id="osAxisDiv" class="pres-select-form" :class="[errors.has('...
- 1,048
0
votes
1
answer
311
views
Vee Validate 4 - modelValue not working at mounted
I have the following text input in Vue 3 (Nuxt 3):
<template>
<input style="background-color: aqua;" :value="modelValue" @input="$emit('update:modelValue', $event....
- 95
1
vote
0
answers
137
views
vuetify3 vee-validate Global Validators issue
I use vee-validate with vuetify3 , I use Global Validators like laravel way
but tried docs way and it works but it show value in field only when focusing it
By the way I tried it on html input tag and ...
- 41
1
vote
0
answers
66
views
How to properly access the exact fields validated with VeeValidate v3 observer (validateWithInfo)?
Is it possible to find out what exact field/child/node/DOM element the VeeValidate v3 ValidationProvider watches/listens to?
Currently, I am sorry, but updating to wonderful VeeValidate v4 is not ...
- 2,597
0
votes
1
answer
293
views
All radio inputs in group emit @update:modelValue event even though only input one should
I was using Histoire to test some components and came across some strange behavior in one of my components.
I have a Vue component called RadioButton. I also have a RadioButtonGroup component. Both ...
- 21