Exercice Formulaire avec contrôles en jQuery

Exercice Formulaire avec contrôles en jQuery

Enoncé de l’exercice:

1. Intégrer le formulaire ci­ dessous. Par défaut, le curseur est dans le 1er champ et le  champ qui a le focus a une bordure noire.

frm1
2. Y ajouter les contrôles pour qu’au clic sur “Envoyer”, si un ou des champs obligatoires  sont vides, le formulaire ne soit pas envoyé et qu’un message d’information apparaisse à côté du ou des champs concernés

form2
3. A la complétion du formulaire (au moment de la frappe), lorsque le nombre minimum de  caractères requis est atteint, la bordure du champ devient  verte et le message d’erreur  disparaît s’il est affiché.
(ex. 2 caractères min. pour le prénom, 3 pour le nom, qu’un champ soit sélectionné pour le  pays et qu’au moins 10 caractères soient tapés dans le champ des commentaires).
Pour l’adresse mail, celle­ ci sera valide si elle ne comporte que des caractères autorisés,  une arobase et une extension (un point suivi d’au moins 2 lettres).

Se référer aux  expressions régulières.

form3

 

Voici les fichiers sources!

formulaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.