-
Notifications
You must be signed in to change notification settings - Fork 811
Not planned
Labels
Description
For what version of Nuxt UI are you suggesting this?
v2.x
Description
It would be great if there was an option for eager validation if there are errors present on the group.
For example, when initially filling out the field you don't want eager validation as it's distracting when you aren't finished typing.
However if you tab away and there's an error, when fixing the error you'd want immediate feedback with eager-validation.
So I propose a new prop: eager-validation-on-error="true"
to improve the UX of forms.
Thanks!
Additional context
No response
Flesky
Metadata
Metadata
Assignees
Labels
Type
Projects
Milestone
Relationships
Development
Select code repository
Activity
romhml commentedon Nov 22, 2024
The default behavior on
v2
already does something close to this by triggering validation oninput
only after the input is blurred, but we could introduce a new mode invalidate-on
that triggers input validation only after the first error.This made me realize that the
eager-validation
prop is not working onv3
, I think we can replace it with anothervalidate-on
mode too.feat(Form): add validate-on `error-input`
error-input
#4336romhml commentedon Jun 29, 2025
We tested an implementation but the result is almost identical to the current default behavior, where validation on
input
only happens after ablur
orchange
event.