Scribd
Importer
32 vues2 pages

Javascript

Le document présente un travail demandé pour une application JavaScript, visant à améliorer la maîtrise du HTML et de l'intégration de JavaScript. Il inclut des objectifs tels que la validation de formulaires, l'ajout d'événements, et la mise en forme avec des feuilles de style. Des instructions spécifiques sont fournies pour développer un script JavaScript qui vérifie les entrées utilisateur et affiche des messages d'erreur appropriés.

Transféré par

Ahmed El Mansi
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
32 vues2 pages

Javascript

Le document présente un travail demandé pour une application JavaScript, visant à améliorer la maîtrise du HTML et de l'intégration de JavaScript. Il inclut des objectifs tels que la validation de formulaires, l'ajout d'événements, et la mise en forme avec des feuilles de style. Des instructions spécifiques sont fournies pour développer un script JavaScript qui vérifie les entrées utilisateur et affiche des messages d'erreur appropriés.

Transféré par

Ahmed El Mansi
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

Année scolaire :

APPLICATION JAVASCRIPT
MR.MAHREZ AKIL

2020-2021

TRAVAIL DEMANDE :
1- Soit à reproduire le formulaire ci-après :

OBJECTIFS
- Mieux maîtriser la saisie du
code HTML avec sublime
texte en utilisant les astuces
de saisies vues dans les
séances précédentes
- Comment faire le lien avec un
fichier JavaScript externe
- Ajout d’un événement en
utilisant addEventListener et
autre méthodes
- Utilisation des méthodes de
l’objet String
2- Ajouter une feuille de style pour mieux mettre en forme votre page HTML (de votre choix)
- Contrôle sur les listes
3- Développer dans le fichier externe intitulé contrôle.js un script JavaScript qui permet d’ajouter
déroulantes, les cases à
l’événement click au bouton Envoyer pour appeler la fonction verif () qui permet de satisfaire les
cocher, les boutons radio, …
conditions suivantes :
- Ajout d’autres événements
- Le champ code doit contenir 6 chiffres dont le premier chiffre est non nul
autre qu’onclick
- Les champs nom et prénom sont des chaînes alphabétiques de longueurs minimales 3 caractères et
pouvant contenir des espaces et dont les trois premiers caractères ne contenant pas des espaces
- Le choix du sexe est obligatoire
- L’utilisateur doit choisir au moins une langue
- Le champ mot de passe doit contenir au minimum 8 caractères dont au moins une lettre en
minuscule, une lettre en majuscule et un chiffre
- Le champ de confirmation de mot de passe doit être identique au mot de passe choisi

[email protected] 52 139 160 .


4- Ajouter un bouton devant le champ mot de passe qui permet d’afficher ou bien de cacher le mot
de passe saisi
5- Ajouter dans le fichier JavaScript, l’appel à une fonction qui permet d’afficher le contenu du mot de
passe dans le cas où le mot de passe est affiché en étoile et modifier le texte du bouton en Hide
SUITE DE
L’APPLICATION :
- Ajout d’un bouton Hide/Show ou bien de cacher le mot de passe et modifier le texte du bouton en Show dans le cas contraire.
pour le mot de passe

Ajouter la modification au niveau du style si nécessaire.

6- Modifier le fichier HTML en réservant des paragraphes vides qui en le style texte en rouge sous
chaque élément à vérifier du formulaire dans lequel on afficher un message d’erreur ou non
7- Modifier le code JavaScript de la fonction verif () afin d’afficher les messages d’erreur dans ces
paragraphes réservés.
Exemple :

Exemple 2 :

8- Ajouter les instructions qui permettent de remettre le curseur et sélectionner le contenu du champ
qui était invalide.

[email protected] 52 139 160 .

Vous aimerez peut-être aussi