Scribd
Importer
58 vues2 pages

Js Validé

Ce document présente un exemple de code JavaScript pour valider un formulaire. Il inclut des fonctions pour vérifier si les champs sont vides, si l'e-mail et le numéro de téléphone sont valides, et si les mots de passe correspondent. La validation est effectuée lors de la soumission du formulaire, empêchant ainsi la soumission si des erreurs sont détectées.

Transféré par

mg9m96jjjc
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
58 vues2 pages

Js Validé

Ce document présente un exemple de code JavaScript pour valider un formulaire. Il inclut des fonctions pour vérifier si les champs sont vides, si l'e-mail et le numéro de téléphone sont valides, et si les mots de passe correspondent. La validation est effectuée lors de la soumission du formulaire, empêchant ainsi la soumission si des erreurs sont détectées.

Transféré par

mg9m96jjjc
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

Powered by AI

Copilot

Bien sûr, je peux vous aider avec cela. Voici un exemple de code JavaScript qui vérifie la validité d’un formulaire avec les champs
mentionnés :

// Fonction pour vérifier si un champ est vide


function estVide(champ) {
return champ.value.trim() === '';
}

// Fonction pour vérifier un e-mail valide


function estEmailValide(email) {
const regexEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return regexEmail.test(email.value.trim());
}

// Fonction pour vérifier un numéro de téléphone valide (10 chiffres uniquement)


function estTelephoneValide(telephone) {
const regexTelephone = /^\d{10}$/;
return regexTelephone.test(telephone.value.trim());
}

// Fonction pour vérifier si les mots de passe correspondent


function sontMotsDePasseIdentiques(mdp1, mdp2) {
return mdp1.value === mdp2.value;
}

// Fonction principale de validation du formulaire


function validerFormulaire() {
const username = document.getElementById('username');
const email = document.getElementById('email');
const password = document.getElementById('password');
const confirmPassword = document.getElementById('confirmPassword');
const telephone = document.getElementById('telephone');

// Vérification des champs vides


if (estVide(username) || estVide(email) || estVide(password) || estVide(confirmPassword) || estVide(telephone)) {
alert('Veuillez remplir tous les champs.');
return false;
}

// Vérification de l'e-mail
if (!estEmailValide(email)) {
alert('Veuillez entrer une adresse e-mail valide.');
return false;
}

// Vérification du numéro de téléphone


if (!estTelephoneValide(telephone)) {
alert('Le numéro de téléphone doit contenir 10 chiffres.');
return false;
}

// Vérification des mots de passe


if (!sontMotsDePasseIdentiques(password, confirmPassword)) {
alert('Les mots de passe ne correspondent pas.');
return false;
}

// Si tout est valide


alert('Le formulaire est validé !');
return true;
}

// Ajout de l'écouteur d'événement sur le formulaire


document.getElementById('monFormulaire').addEventListener('submit', function(event) {
// Empêcher la soumission par défaut
event.preventDefault();

// Appeler la fonction de validation


if (validerFormulaire()) {
// Soumettre le formulaire si tout est valide
:
this.submit();
}
});

Assurez-vous d’ajouter les identifiants appropriés à vos éléments de formulaire HTML et d’appeler la fonction
validerFormulaire() lors de la soumission du formulaire. Ce script vérifie si les champs sont vides, si l’adresse e-mail et le numéro
de téléphone sont valides, et si les mots de passe correspondent avant de permettre la soumission du formulaire.
:

Vous aimerez peut-être aussi