P
David Turner• 4,110
@brodiewebdt
Posted
Ok. I didn't click in the inputs, I just clicked the Submit button. They are working.
Marked as helpful
0
Submitted
Intro component, signup form with SASS, Grid Flex Vanilla JS & webpack
#sass/scss
Ivan Holguin• 170
@Ascecent
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
P
David Turner• 4,110
@brodiewebdt
Posted
It wasn't showing up at all. There were no error messages when the inputs were left empty.
Marked as helpful
0
Ivan Holguin• 170
@Ascecent
Posted
@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
P
David Turner• 4,110
@brodiewebdt
Posted
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 helpful
0
Ivan Holguin• 170
@Ascecent
Posted
@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 GitHub
Join 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