Form Validation UX
Validation errors are shown inline, immediately, with clear corrective guidance.
Check
Validation errors appear inline below the field (not in a summary banner), trigger on blur (not on submit only), use red border + icon + specific message ("Email must include @" not "Invalid email"), and disappear as soon as the user corrects the input.
Why This Matters
Inline validation reduces correction effort by pointing users directly to the problem. Submit-only validation requires users to scroll, identify, correct, and resubmit — multiplying interaction cost for each error.
Category
Forms
Priority
critical
How to Verify
Fill a form with intentional errors. Submit. All errors must be visible inline beside their fields, not in a summary. Then correct one field — that error must clear immediately without resubmitting.