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
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Form validation with JS and responsive page with CSS flex

@Joatancarlos

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


What did you think? Did you find it cool? Leave your review and improvement tips.

Community feedback

Account Deleted

Hello @Joatancarlos, form validation is not easy so good job with this component : ) I opened your repo and I would like to notice that there is no RegEx validation for the inputs except for the email input. If I try to input just one number as a Name or Lastname nothing is going to block the submitting. Is it made on purpose ? Just adding adding a few more functions validating the other inputs as you did with validateEmail function would increment the detection of these cases. This resource from MDN Form Validation gives a great overall knowledge different methods in client side validation. Best wishes!

0

@Joatancarlos

Posted

@alexcumplido I didn't validate the name inputs because the project didn't require it. Note that the error message refers to the empty input and not about data validation. Only in the email that the data was verified. Any questions, I am available! ;)

1

Account Deleted

Hey @Joatancarlos, thanks for the reply. I understand your choice then, It is true that the requirements did not ask for it, great to know it.

0

@Joatancarlos

Posted

@alexcumplido Thanks for your feedback!! See you in other projects

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