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()

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