Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
Télécharger au format docx, pdf ou txt
Vous êtes sur la page 1/ 3
ROYAUME DU MAROC
Office de la Formation Professionnelle et de la Promotion du Travail Formateur : I.ADDARRAZI
Filière : DEV Niveau :1er Année
Module : Programmation JAVASCRIPT Année de formation: 2023/2024
TP7_DOM: Les évènements : onblur, onfocus, onkeyup et onkeydown
Exercice 1 : Vous devez créer un formulaire de contact avec les champs suivants : nom, email et message.
1. Chaque champ doit être validé lorsque l'utilisateur quitte le champ. Les validations à effectuer sont les suivantes : Nom : Le champ ne doit pas être vide. Le nom ne doit contenir que des lettres. Email : Le champ ne doit pas être vide. L'email doit avoir un format valide (ex: "nom@example.com"). Message : Le champ ne doit pas être vide.
1 ROYAUME DU MAROC
Office de la Formation Professionnelle et de la Promotion du Travail Formateur : I.ADDARRAZI
Filière : DEV Niveau :1er Année
Module : Programmation JAVASCRIPT Année de formation: 2023/2024
TP7_DOM: Les évènements : onblur, onfocus, onkeyup et onkeydown
Affichez un message d'erreur au-dessous de chaque champ s'il n'est pas valide, et empêchez l’affichage des données tant que tous les champs ne sont pas correctement remplis.
(utiliser ‘onblur’)
2. Lorsqu'un champ de formulaire est focusé, le style appliqué inclut une bordure avec la couleur #007bff et une ombre de boîte avec les paramètres 0 0 5px rgba(0, 123, 255, 0.5).
Exercice 2 :
Créer une application web qui permet de détecter et afficher les informations relatives aux touches du clavier.
2 ROYAUME DU MAROC
Office de la Formation Professionnelle et de la Promotion du Travail Formateur : I.ADDARRAZI
Filière : DEV Niveau :1er Année
Module : Programmation JAVASCRIPT Année de formation: 2023/2024
TP7_DOM: Les évènements : onblur, onfocus, onkeyup et onkeydown
Ecrivez un script JAVASCRIPT qui permet d’afficher les informations suivantes à l'utilisa- teur en temps réel : La dernière touche pressée. Le code de la touche (keyCode). Le statut de la touche (enfoncée ou relâchée).
Mise à jour dynamique : Assurez-vous que les informations sont mises à jour dynamiquement à chaque événement de pression ou de relâchement des touches.
