Scribd
Importer
43 vues2 pages

Validation JavaScript

Le script JavaScript gère la soumission d'un formulaire de contact en empêchant l'envoi par défaut. Il vérifie si tous les champs requis sont remplis et affiche des messages d'erreur si nécessaire. Si tous les champs sont valides, un message de succès est affiché et le formulaire est soumis.

Transféré par

lucresse212
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 DOCX, PDF, TXT ou lisez en ligne sur Scribd
43 vues2 pages

Validation JavaScript

Le script JavaScript gère la soumission d'un formulaire de contact en empêchant l'envoi par défaut. Il vérifie si tous les champs requis sont remplis et affiche des messages d'erreur si nécessaire. Si tous les champs sont valides, un message de succès est affiché et le formulaire est soumis.

Transféré par

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

<script>

document.getElementById('contactForm').addEventListener('submit', function
(e) {
e.preventDefault(); // Empêche l'envoi du formulaire

// Sélection des champs


const fields = ['nom', 'prenom', 'age', 'email', 'message'];
let isValid = true;

fields.forEach((field) => {
const input = document.getElementById(field);
const errorMessage = document.querySelector(`#${field} ~ .error-
message`);

if (input.value.trim() === '') {


input.classList.add('error');
errorMessage.style.display = 'block';
isValid = false;
} else {
input.classList.remove('error');
errorMessage.style.display = 'none';
}
});

// Si le formulaire est valide, soumission


if (isValid) {
alert('Formulaire envoyé avec succès !');
this.submit(); // Soumettre le formulaire
}
});
</script>

Vous aimerez peut-être aussi