Validation formulaire html.pdf


Aperçu du fichier PDF validation-formulaire-html.pdf

Page 1 2 3 4 5 6 7 8 9




Aperçu texte


Validation d’un formulaire HTML

Abdallah EL Asmar

La validation d’un formulaire –coté client– permet d’éviter l’envoi des données invalides au serveur,
elle constitue un premier contrôle de données qui doit être suivi par un deuxième contrôle au coté
serveur.
L’objectif de cet article est de présenter par des exemples quelques possibilités de valider un formulaire
–coté client–.
Considérons la page suivante :

Ecrire les scripts permettant de réaliser les contrôles suivants :
1. Au moment de chargement
a) Afficher la date courante et le temps avec le format : jour jj-mm-aaaa, hh:mm:ss
b) Placer le curseur dans le champ Numéro
2. Après qu’un champ perd le focus, vérifier qu’il existe une valeur de ce champ et que cette valeur
répond à une certaine condition ; si non, afficher un message concernant cette condition et
retourner le focus au champ:
a) La valeur du champ Numéro doit être un nombre entier positif.
b) La valeur du champ Nom doit être constituée des lettres avec la possibilité d’avoir plusieurs
mots séparés par des spaces ou « - ».
c) La valeur du champ Prénom doit être constituée seulement des lettres.
d) Le champ Date de naissance doit avoir une valeur valide avec le format jj/mm/aaa.
e) La valeur du champ Téléphone doit avoir le format : 99-999999 (huit chiffres dont le premier
est un zéro ou 7).
f) La valeur par défaut de ville doit être effacée quand le champ reçoit le focus ; la valeur saisie
doit être une des valeurs suivantes : Beyrouth, Tripoli, Byblos, Saida, Tyr.
3. Assurer qu’on ne peut pas envoyer les données du formulaire si une des conditions précédentes
n’est pas vérifiée.

www.facebook.com/a.asmar.isae

Page 1