49 Inline Validation Timing. 49 of 95.
49/INPUT/49 of 95
Inline Validation Timing
Correct gently on the way out, not on every keystroke.
The problem
Validating while you're still typing screams errors before you've finished, but waiting until submit is too late.
The solution
Validation waits for blur (or a pause), and confirms when valid.
Experiment
Play with the values
600ms
How it works
- Typing is still drafting, so each keystroke is not a moment to judge the field.
- Validation is deferred while the user is actively editing.
- Blur, or a pause, is when the value is checked.
- The field then shows an error or a confirmation.
- Editing again clears the stale result and waits for the next pause or blur.
Seen in
Email fields
Format errors appear after you finish, not mid-address.
Password creation
Requirements confirm as met rather than flashing errors early.
Usernames
Availability checks run on pause, not each letter.
Payment forms
Card fields validate on blur to avoid premature errors.