JS & REGEX PRACTICE

Specifications

Form validation project

Tout site qui se respecte se doit d'avoir un vérificateur de formulaire en front. Pourquoi ? Imagine un utilisateur passe 15 minutes à remplis un formulaire d'inscription. Il clique sur "submit" puis le site lui renvoie un message d'erreur en mode "lol il manque un caractère dans tel champ allez refais tout". En termes d'UX on est plus sur la gentillesse d'un manque d'élément pour dossier administratif (TMTC les visas) que la douceur de Airbnb qui t'envoie de l'amour et te dit en temps réel que tel élément ne va pas.

Ton objectif sera de créer un formulaire complet. Celui-ci, une fois submit, vérifiera la validité de chacun des champs. Si un ou plusieurs des champs sont mauvais, le formulaire ne sera pas envoyé, et un message d'erreur devra être écrit en rouge sous chacun des champs nécessitant d'être modifié afin que l'utilisateur puisse savoir ce qui n'est pas bon.

Dès que l'utilisateur clique sur un input pour le modifier, le message d'erreur associé devra disparaitre.

Une fois que tous les champs sont bons, alors l'utilisateur est renvoyé sur une page lui indiquant qu'il a tout bien rempli.

Vegan cookies project

Authors

@Mtwod & @colinebrlt