Async validation using Zod provider

[re2005]

I'm running into some issues when doing async server validation.

I've a preproduction URL here:
https://stackblitz.com/edit/vee-validate-v4-async-validation-jghdg8?file=src%2FApp.vue

This example uses ZOD Object to create a validation schema.

My question is, once the email field is validated, if the value of initials changes, it will re-run all the other (unchanged inputs) async validation? No way we can only validate the inputs that has changes?

I wonder if I'm missing something or doing it in a wrong way.

Appreciate any help 🙏

[logaretm]

Yep, the entire schema is re-run regardless of what field has changed. This may seem counter-intuitive but it is the most sound strategy in terms of validation correctness.

If you have refines that rely on other field values, they won't run unless the entire thing runs. So it's dangerous to assume we could validate each changed field in isolation.

It could be possible in upcoming releases since we started doing schema analysis in recent commits to get the "required" state. We could scan for "side effects" in the schema and determine if we can run each field/path validation schema in isolation.

For your case, a workaround is to use field-level validation schemas, you can pass each field its schema part and it should only run whenever that field changes.

[re2005]

Thanks for taking the time @logaretm

One other thing I noticed is that the flag touched doesn't seems to be reacting when the input is touched.

Is this a bug, or bad implementation on the reproduction URL ?

https://stackblitz.com/edit/vee-validate-v4-async-validation-jghdg8?file=src%2FApp.vue

Thanks

Editing:

{ handleBlur } should be used in this case right ?

[logaretm]

The link doesn't seem to work. It depends on what you are using, if you are using useField then you need to call handleBlur when appropriate.

If you are using defineField then you need to bind the second props object to your input so it listens for the blur events.