Instant Form Feedback

Traditional form validation works on submit: fill in the form, click save, discover the errors, scroll back to fix them, save again. If the errors are spread across the form, this loop repeats.

Instant form feedback eliminates the loop.

Validation As You Type

Fields are now validated as you interact with them. Type in a field, move to the next one — if the value doesn't pass validation, the error appears immediately, while the context of the field is still in focus.

For required fields: a subtle indicator appears when you enter and leave an empty required field, so you know before you scroll away that this field still needs a value.

For format fields (email addresses, phone numbers, URLs, dates): the format is checked as you type. If what you've entered can't be a valid email address, you see that while your cursor is still on the field.

For business rule validations — status transitions, numeric range constraints, uniqueness checks: these run on field exit (when you leave the field) rather than on every keystroke, since they often require a server round-trip. The result appears within a second.

Error Messages at the Right Place

Validation errors appear adjacent to the field that has the error, not in a generic error list at the top of the form. You can see the error and the field simultaneously, making it clear what needs to change.

The error messages use the improved language from the error message update — specific, actionable, clear about what's wrong and what would be correct.

The Submit State

The save button indicates whether the form is valid before you click it. If required fields are empty or validation errors exist, the button shows a disabled or warning state. Clicking it with errors still shows an error summary (some users click first, then investigate), but the default path is: see the error while you're working on the field, fix it then.

Form filling is faster when you're not discovering errors at the end.