Dans le cours : L’intégration web : Coder un design en HTML et CSS

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 200 cours dispensés par des experts.

Implémenter la validation du formulaire

Implémenter la validation du formulaire

Dans le cours : L’intégration web : Coder un design en HTML et CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Implémenter la validation du formulaire

“

Dans cette vidéo, nous allons mettre en place le système de validation de ce formulaire. Alors rappelez-vous que dans la maquette Photoshop, le designer prévoit trois états pour ces champs. l'état normal avec une bordure gris foncé, l'état validé avec une bordure verte et l'état invalide avec une bordure rouge et avec un petit message d'erreur qui apparaît ici dans le fond. Autrement dit, ce message d'erreur n'apparaît pas directement. Il apparaît uniquement après que le champ ait subi la validation et uniquement si le champ est invalide. Donc, sachant cela, retour au niveau de notre feuille de style CSS. Nous allons commencer par faire disparaître ces messages d'erreur. Donc ici je rajoute un display none. Alors attention, ces messages d'erreur prennent une certaine place sur notre formulaire. Maintenant qu'ils ont disparu, cette place est libérée. Donc les champs sont un petit peu plus proches les uns des autres et ça j'ai envie de l'éviter. Pour cela, remarquez que ce message…

Table des matières