Design comparison
Solution retrospective
I wasn`t able to get the password input to show the error like the others. Any idea where I went wrong with this?
Community feedback
- @BikeInManPosted almost 3 years ago
Validation regex for your password is failing for some reason. It is passing even null string(""). I think * in the regex(
const passPattern = /^[a-zA-Z0-9]*$/g;
) is causing the problem.Test your regex here and change accordingly. https://regex101.com/
Otherwise, nice coding.
Marked as helpful1@PhilJGPosted almost 3 years ago@BikeInMan Thanks I figured out the issue. Turned out it was a small adjustment of the regex. The one I entered accepted a blank input. This is what I changed it to /[a-zA-Z0-9]/g
0@BikeInManPosted almost 3 years ago@PhilJG Thanks for the update. Glad you have fixed the issue.
0 - @EmmanuelHexerPosted almost 3 years ago
Great job overall man. Keep it up
-
To fix your accessibility issues wrap your component with
main
element. -
You must use heading tags like h1 - h6 instead of divs.
Marked as helpful0@PhilJGPosted almost 3 years ago@Phalcin Thanks I just added the <main> wrapper. Regarding the h1 - h6. Are you suggesting I change all the <p> to headers?
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