Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Used JS to validate the form and grid, flexbox for layout

@TSPraneeth

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback is appreciated.

Community feedback

Yuko Horita• 645

@Sloth247

Posted

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

@TSPraneeth

Posted

@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
Yuko Horita• 645

@Sloth247

Posted

@TSPraneeth You need to write in javascript to do the all validation and settings.

0

@TSPraneeth

Posted

@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
Yuko Horita• 645

@Sloth247

Posted

@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

@TSPraneeth

Posted

@Sloth247 sure, thank you

0
Ahmed Faisal• 5,095

@afrussel

Posted

Hi, You work is good. Just one feedback, instead of using px, use rem for font size.

0

@TSPraneeth

Posted

@afrussel sure, thank you

0

Please log in to post a comment

Log in with GitHub
Discord logo

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