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

Intro Component With Signup Form Master Challenge

@AbdelmonemMarei

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 specific areas of your project would you like help with?

I appreciate any feedback or suggestions helping me to improve my next challenge. Feel free to leave a comment.

Community feedback

@SpartanFranco

Posted

Hola,quedó bien el diseño,podrías mejorar el código cuando intentas enviar el formulario vacío no muestra los errores de inputs vacíos,solo cuando mantienes el foco en uno y solo te muestra el error de ese,podrías crear un objeto para los errores dentro de una función,hacer las sentencias if y else para el valor de cada input,si no se cumple q actualice el objeto con el error del respectivo nombre del input,si al ejecutarse todas las sentencias los valores del objeto no están vacíos que retorne falso y no se ejecuta el submit del formulario al hacer click y muestras los errores del objeto que obtuviste, si retorna true entonces que se ejecuta el submit y se renderiza la página

0

@AbdelmonemMarei

Posted

@SpartanFranco This is good idea I would use if form lead to another Page but this Challenge is only One page so I made Validation with this method only to show how to use regex and JS events . If Challenge Lead to another Page I would use this method .

I appreciate your suggestion.

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