How to validate forms?
Some useful Do/Dont's 👇
Some useful Do/Dont's 👇
The best place to show validation errors - near inputs. Don't gather all of them in one place. 
Don't disable the submit button. Allow users to click on it and see the validation errors.
Users might scroll past some of the inputs without filling them.
If the submit button is blocked, then they won't know what to do next.
Users might scroll past some of the inputs without filling them.
If the submit button is blocked, then they won't know what to do next.
Consider providing positive feedback as well as negative.
In error messages use human language, not a technical one.
If you put an exclamation icon next to inputs it might help colorblind people to notice the error.
See the 5th point
nngroup.com/articles/error…
See the 5th point
nngroup.com/articles/error…
Don't hide error messages under icons.
Show password rules right away.
Validation is cool, but it'd be better if users don't make mistakes.
Help your users to avoid mistakes.
Help your users to avoid mistakes.
Now, when to do the validation?
I've previously made a thread about it.
I've previously made a thread about it.
https://twitter.com/vponamariov/status/1380182211576664067
• • •
Missing some Tweet in this thread? You can try to
force a refresh
