feat(Form): add validate-on error-input

Adds `error-input` option to the validate on prop to validate on input
only when the field has an error.

Resolves #2599
This commit is contained in:
Romain Hamel
2025-06-14 18:09:02 +02:00
parent 59c26ec123
commit d8f29e019d
16 changed files with 47 additions and 29 deletions

View File

@@ -57,7 +57,7 @@ const disabled = ref(false)
<div class="border border-default rounded-lg">
<div class="py-2 px-4 flex gap-4 items-center">
<UFormField label="Validate on" class="flex items-center gap-2">
<USelectMenu v-model="validateOn" :items="['input', 'change', 'blur']" multiple class="w-48" />
<USelectMenu v-model="validateOn" :items="['input', 'change', 'blur', 'error-input']" multiple class="w-48" />
</UFormField>
<UCheckbox v-model="disabled" label="Disabled" />
</div>