How to validate forms?
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.
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…
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.
Now, when to do the validation?
I've previously made a thread about it.
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.