Scribd
Importer
14 vues2 pages

Validation de formulaires JavaScript

Le document décrit les exigences pour développer des fonctions JavaScript pour valider les formulaires sur trois pages HTML : 'Inscription.html', 'Soin.html' et 'Liste.html'. Chaque page nécessite des contrôles spécifiques pour différents champs, tels que le matricule, la date et le montant du soin, avec des règles de validation précises. Des fonctions doivent également être créées pour gérer l'interaction utilisateur, comme changer la couleur des champs et modifier les valeurs en fonction de l'état civil.

Transféré par

lahbazimehdi01
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
14 vues2 pages

Validation de formulaires JavaScript

Le document décrit les exigences pour développer des fonctions JavaScript pour valider les formulaires sur trois pages HTML : 'Inscription.html', 'Soin.html' et 'Liste.html'. Chaque page nécessite des contrôles spécifiques pour différents champs, tels que le matricule, la date et le montant du soin, avec des règles de validation précises. Des fonctions doivent également être créées pour gérer l'interaction utilisateur, comme changer la couleur des champs et modifier les valeurs en fonction de l'état civil.

Transféré par

lahbazimehdi01
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Module 2 : Création d’un site web interactif

JavaScript

TP N°9
Afin de valider les données de formulaire de tp3, on vous demande de développer des
fonctions JavaScript dans un fichier intitulé "[Link]".

1) La page "[Link]"

- le clic sur le bouton "Inscrire" fait appel à une fonction JavaScript intitulée "verif1".
- Développer la fonction "NombreEnfants" permettant de changer la valeur du champ
range par 0 si l’état civil est célibataire et de remplir la zone de texte par la valeur
sélectionnée du champ range dès qu’elle change.
- Développer la fonction "verif1"afin de s’assurer de la validité des champs du
formulaire tout en respectant les contrôles suivants :

Champ Contrôle
Matricule Une chaîne de 10 chiffres dont le premier doit être différent de 0.
NCIN Une chaîne de 8 chiffres dont le premier est 0 ou 1.
Nom Une chaîne alphabétique de longueur entre 3 et 30 et peut contenir
des espaces.
Prénom Une chaîne alphabétique de longueur entre 3 et 30 et peut contenir
des espaces.
Nombre d’enfants Il doit être obligatoirement nul, si l’assuré est célibataire
assurés
Type d’assurance La sélection d’un type d’assurance est obligatoire.
2) La page "[Link]"

Mme Skhiri Hamida 1 2024/2025


Module 2 : Création d’un site web interactif

- le clic sur le bouton "Confirmer" fait appel à une fonction JavaScript intitulée
"verif2".
- Développer la fonction "verif2" afin de s’assurer de la validité des champs du
formulaire tout en respectant les contrôles suivants :

Champ Contrôle
Matricule Une chaîne de 10 chiffres dont le premier doit être différent de 0.
Date du soin Saisie obligatoire de la date du soin
Doit être inférieure ou égale à la date système
Montant du soin Doit contenir une valeur strictement positive
- Développer la fonction couleur permettant de changer la couleur du champ Matricule
en vert lorsque vous appuyez sur les caractères de ce champ.
3) La page "[Link]"
- le clic sur le bouton "Lister" fait appel à une fonction JavaScript intitulée "verif3"
- Développer la fonction "verif3" afin de s’assurer de la validité des champs du
formulaire tout en respectant les contrôles suivants :

Champ Contrôle
Matricule Une chaîne de 10 chiffres dont le premier doit être différent de 0.
Date Début Saisie obligatoire de la date de début
Doit être inférieure ou égale à la date système
Date Fin Saisie obligatoire de la date de fin
Doit être supérieure ou égale à la date de début
Doit être inférieure ou égale à la date système

NB : lorsque les données des formulaires sont invalides, vous devez changer la bordure
de ces champs de cette façon : dotted 5px red

Mme Skhiri Hamida 2 2024/2025

Vous aimerez peut-être aussi