arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-21 15:31:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(FormGroup): add eager validation (#992)

Browse Source
This commit is contained in:
Conner Blanton
2023-11-21 16:24:15 -06:00
committed by GitHub
parent 9df9b9a2df
commit d39e2de935
6 changed files with 38 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/content/3.forms/10.form.md
View File

@@ -161,6 +161,10 @@ async function onSubmit (event: FormSubmitEvent<any>) {
The Form component automatically triggers validation upon `submit`, `input`, `blur` or `change` events. This ensures that any errors are displayed as soon as the user interacts with the form elements. You can control when validation happens this using the `validate-on` prop.
::callout{icon="i-heroicons-light-bulb"}
Note that the `input` event is not triggered until after the initial `blur` event. This is to prevent the form from being validated as the user is typing. You can override this behavior by setting the [`eager-validation`](/forms/form-group#eager-validation) prop on [`FormGroup`](/forms/form-group) to `true`.
::
::component-example
---
component: 'form-example-elements'