Used JS to validate the form and grid, flexbox for layout
Design comparison
Solution retrospective
Any feedback is appreciated.
Community feedback
- @Sloth247Posted over 3 years ago
I see the wrong error message "Looks like this is not an email" when I press submit without input anything in email section. This should be "email cannot be blank". Also, after inputting correct information and press submit button, the error messages are still shown.
0@TSPraneethPosted over 3 years ago@Sloth247 Yes, I'm not sure about how to get it updated. It only works on refresh. How does that work without using bootstrap?
0@Sloth247Posted over 3 years ago@TSPraneeth You need to write in javascript to do the all validation and settings.
0@TSPraneethPosted over 3 years ago@Sloth247 yes, I've written all the validations, ofcourse except the empty email which I'll correct. But how do I get the validations to be updated everytime I click on submit? It works only if I refresh again and try
0@Sloth247Posted over 3 years ago@TSPraneeth I am not professional yet so I cannot give you the exact advice, but for sure you should add
else
and the condition to remove the error message and the icon. Please search other people's solution and use as reference.0 - @afrusselPosted over 3 years ago
Hi, You work is good. Just one feedback, instead of using px, use rem for font size.
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