Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FormGroup eager-validation when errors exist #2599

Open
alexcroox opened this issue Nov 11, 2024 · 1 comment
Open

FormGroup eager-validation when errors exist #2599

alexcroox opened this issue Nov 11, 2024 · 1 comment
Assignees
Labels
enhancement New feature or request v3 #1289

Comments

@alexcroox
Copy link

alexcroox commented Nov 11, 2024

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

@alexcroox alexcroox added enhancement New feature or request triage labels Nov 11, 2024
@romhml romhml added v3 #1289 and removed triage labels Nov 22, 2024
@romhml
Copy link
Collaborator

romhml commented Nov 22, 2024

The default behavior on v2 already does something close to this by triggering validation on input only after the input is blurred, but we could introduce a new mode in validate-on that triggers input validation only after the first error.

This made me realize that the eager-validation prop is not working on v3 , I think we can replace it with another validate-on mode too.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request v3 #1289
Projects
None yet
Development

No branches or pull requests

2 participants