Scribd
Importer
116 vues1 page

TP 3: Javascript: Informations Personnelles

Le document décrit le développement d'un formulaire HTML avec des champs, boutons radio et listes générées avec JavaScript. La soumission valide les données et affiche un message, sinon affiche des erreurs.

Transféré par

Ouled Ouledelhaj
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 DOC, PDF, TXT ou lisez en ligne sur Scribd
116 vues1 page

TP 3: Javascript: Informations Personnelles

Le document décrit le développement d'un formulaire HTML avec des champs, boutons radio et listes générées avec JavaScript. La soumission valide les données et affiche un message, sinon affiche des erreurs.

Transféré par

Ouled Ouledelhaj
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 DOC, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 1

M.

Amine Ben Slimène Le langage JavaScript

TP 3 : JavaScript
Informations personnelles

Nom :

Prénom :

Salaire :

Vous êtes :
Monsieur

Madame

Mademoiselle

Votre date de naissance est :

Jour : 1 Mois : 1 Année : 1970


2 2 1971
3 3 1972

Afficher Envoyer Annuler

 On se propose de développer un formulaire HTML composé de trois zones de texte, d’un


groupe d’objets boutons radio (option), de trois listes de sélection et de trois boutons
conformément au formulaire donné ci-dessus.
 Tous les objets seront crées avec du code HTML sauf les trois listes de sélection qui seront
générées avec du code JavaScript, en utilisant une fonction intitulée genererListes() permettant
de remplir la liste des jours par des nombres de 1 à 31, la liste des mois par des nombres de 1 à
12 et la liste des années par des nombres de 1970 à 2008.
 Une clique sur le bouton Annuler de type Reset permet d’annuler les modifications apportées
aux contrôles du formulaire.
 Une clique sur le bouton Envoyer de type Submit fait appel à une fonction intitulée verif()
avant d’appeler un fichier intitulé sauvgarder.html que vous devez créer dans le même
répertoire que le formulaire.
 La fonction verif() affiche un message d’erreur si l’une des conditions suivantes n’est pas
vérifiée :
- Les champs nom, prénom et salaire ne doivent pas être vides.
- Le champ salaire doit contenir un nombre positif.
- L’une des options du groupe des boutons radio doit être sélectionnée.
- Un élément dans chaque liste de sélection doit être sélectionné.
 Une clique sur le bouton Afficher permet d’afficher les informations saisies par l’utilisateur de
la façon suivante : Bonjour Monsieur Mohammed Tounsi, votre salaire est 600 dinars, vous êtes
né le 14 juillet 1984.
Il faut utiliser une fonction mois() permettant de donner, selon le numéro du mois, son nom
respectif.

Page 1/1

Vous aimerez peut-être aussi