Dans le cours : L'essentiel de JavaScript
Accédez au cours complet aujourd’hui
Inscrivez-vous aujourd’hui pour accéder à plus de 24 200 cours dispensés par des experts.
Utiliser ONSUBMIT et preventDefault() - Tutoriel JavaScript
Dans le cours : L'essentiel de JavaScript
Utiliser ONSUBMIT et preventDefault()
Un autre évènement que l'on utilise très souvent en JavaScript, c'est l'évènement qui me permet de réagir à la soumission d'un formulaire. Sur la page contact.html, j'ai justement un formulaire de contact. Que se passe-t-il quand je clique sur le bouton Envoyer ? Je suis redirigé vers la page merci.html. Dans le code html de la page contact.html, j'ai justement ici ce formulaire. Il commence en ligne il s'appelle « frmContact ». Il a aussi une action, merci.html Voilà la raison pour laquelle nous sommes redirigés vers cette page, quand on clique sur le bouton Envoyer. Pour travailler ici en JavaScript avec ce formulaire, je vais d'abord créer un nouveau fichier JavaScript dans mon dossier js. Je vais l'appeler « contactForm.js » et je vais bien sûr le lier avec une balise ssript à cette page html. Donc, c'est js/contactForm avec defer. Je sauvegarde et maintenant dans mon fichier contactForm.js, je vais pouvoir me servir de l'identifiant de ce…
Table des matières
-
-
-
-
-
-
-
-
-
-
-
(Verrouillé)
Comprendre le rôle des évènements1 m 55 s
-
(Verrouillé)
Réagir à des évènements5 m 22 s
-
(Verrouillé)
Utiliser addEventListener5 m 10 s
-
(Verrouillé)
Inspecter les propriétés des évènements4 m 39 s
-
Utiliser l'évènement CLICK5 m 15 s
-
(Verrouillé)
Animer des éléments avec CSS et JavaScript1 m 38 s
-
(Verrouillé)
Employer ONLOAD3 m 52 s
-
(Verrouillé)
Récupérer les données de l'URL5 m 49 s
-
(Verrouillé)
Afficher les galeries de photos3 m 3 s
-
(Verrouillé)
Utiliser ONSUBMIT et preventDefault()3 m 48 s
-
(Verrouillé)
Se servir des timers3 m 31 s
-
(Verrouillé)
Solution : Désactiver le clic-droit sur les images4 m 34 s
-
(Verrouillé)
-
-
-
-