Questions tagged [vee-validate]
For question related with VeeValidate library for Vue.js.
vee-validate
656
questions
1
vote
1
answer
31
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';
...
- 135
0
votes
0
answers
11
views
Why does the language setting not work for input error in vee-validate?
I think I have set all the language settings for vee-validate but it still defaults to the English language error! I want to display the errors in Farsi language. I have also installed the necessary ...
- 15
0
votes
0
answers
9
views
How to import input in select field with vee-validate 4
I am going to put an input as an input to filter the options at the beginning of the options.
But when I put the input inside the field, it is not rendered and displayed at all.
<script setup>
...
- 41
0
votes
0
answers
14
views
How to validate n array of fields with Vee-validate?
I have simple form like this :
app.vue
dynamic form
<div v-for="(item, i) in formData" :key="i">
<input placeholder="name" v-model="item.name" /...
- 1,362
0
votes
0
answers
38
views
how to validate array field in vee-validate
I am new with vee-validate 4 and quasar .
now I have form like this :
<q-form @submit="onSubmit" class="form " id="myform">
<q-input class="col-...
- 1,362
0
votes
0
answers
29
views
VeeValidate handeSubmit Not returned values
I work with vee-validate validation for vue. I choose handleSubmit method:
<template>
<div>
<Form @submit="onSubmit" :validation-schema="schema">
<...
- 618
1
vote
1
answer
42
views
How to bind vee-validate field to Vuetify's v-autocomplete without showing [object Object]?
When binding a vee-validate field to a v-autocomplete component, the input displays [object Object] whenever an option is selected. On blurring the input, the correct value is displayed, the issue ...
0
votes
0
answers
35
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="...
0
votes
0
answers
81
views
How to use defineModel with vee-validate?
I'm trying to build a Vue form using vee-validation with Composition API and zod.
The form validation is working correctly, but I want to use the new Vue 3.4 defineModel ref for the form input instead ...
- 2,172
0
votes
1
answer
83
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,172
1
vote
1
answer
39
views
Integrate vee-validate with vue-datepicker
I'm trying to validate vue-datepicker for required field using vee-validate like this:
<Form @submit="handleEvent" :validation-schema="addEventSchema">
<...
- 618
1
vote
2
answers
335
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, ...
- 437
0
votes
0
answers
24
views
Vee-validate 'required' rule does not work on page navigation
In the following example in my application I can not make the vee-validate's required rule to work when using the browser's back and forward buttons.
Here is the code which does not work for me:
<...
0
votes
1
answer
41
views
vue.js unable to correctly bind v-model to object value
Is there any reason why these 2 v-model bindings below would behave differently?
// component that uses FormExample
<script setup>
const fullName = someObject.fullName
</script>
<...
- 5,545
0
votes
0
answers
34
views
Vee-validate custom rule translation
i am Vee-valdiate 4 with vue3,
i am trying to use load the translation for the defined custom rules and mix them with loaded translation from @vee-validate/i18n, i couldn't find it in the docs,
...
- 13