Intro component, signup form with SASS, Grid Flex Vanilla JS & webpack
Design comparison
Solution retrospective
Another challenge complete, I think I overcomplicated myself with the handling of the form, what do you say?
Any feedback would be awesome :D.
Community feedback
- @brodiewebdtPosted almost 3 years ago
Ok. I didn't click in the inputs, I just clicked the Submit button. They are working.
Marked as helpful0 - @brodiewebdtPosted almost 3 years ago
It wasn't showing up at all. There were no error messages when the inputs were left empty.
Marked as helpful0@AscecentPosted almost 3 years ago@brodiewebdt
Oh, maybe its because the validation is in every input, when you click an input o put focus on in, shows an error state (including the message) or a success state, until each input is validated correctly, the form cannot be submitted.
And for the password, it need a minimum: - 5 characters - 1 number (0-9) - 1 lowercase word - 1 uppercase word - 1 symbol (@$#!%*?&)
I've use the next regex to validate it: /^(?=.[a-z])(?=.[A-Z])(?=.\d)(?=.[@$#!%?&])[A-Za-z\d@$!#%?&]{5,}$/
0 - @brodiewebdtPosted almost 3 years ago
The layout looks great. You want to give some line-height to the Learn to code text. It is a little tight at some resolutions. The form validation doesn't seem to be working for me.
Marked as helpful0@AscecentPosted almost 3 years ago@brodiewebdt Thanks for the feedback, appreciate it.
One question, In what sense the form validation doesn't work?
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord