Intro Component With Signup Form Master Challenge
Design comparison
Solution retrospective
I appreciate any feedback or suggestions helping me to improve my next challenge. Feel free to leave a comment.
Community feedback
- @SpartanFrancoPosted 3 months ago
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@AbdelmonemMareiPosted 3 months ago@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 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