DébutantNon commencé

Exercice 8.7 · 8 min · 0 tentative

Valider un formulaire

🎯 Objectif

Créer une fonction de validation qui vérifie les données d'un formulaire.

📖 Contexte

La validation côté client améliore l'expérience utilisateur. On collecte les erreurs dans un tableau :

function valider(email, password) {
  const erreurs = []

  if (email === "") {
    erreurs.push("L'email est requis")
  }

  if (password.length < 8) {
    erreurs.push("Le mot de passe doit faire 8 caractères")
  }

  return erreurs
}

Afficher les erreurs

const erreurs = valider(email, password)

if (erreurs.length === 0) {
  // Envoyer le formulaire
} else {
  // Afficher les erreurs
  erreurs.forEach(function(err) {
    console.log(err)
  })
}

⚠️ Comparer des nombres

Rappel : .value retourne toujours du texte. Pour comparer avec un nombre, utilise Number() :

const age = champAge.value  // "17" (texte)

// ❌ Risqué : comparaison de texte
if (age < 18) { }

// ✅ Correct : conversion en nombre
if (Number(age) < 18) {
  erreurs.push("Tu dois avoir 18 ans")
}

📝 Consigne

Complète la fonction valider() :

  1. Si email est vide → ajoute "L'email est requis"
  2. Si age < 18 → ajoute "Tu dois avoir 18 ans"

Résultat attendu (avec les valeurs par défaut : email vide et age = 17) :

Erreurs :
- L'email est requis
- Tu dois avoir 18 ans

Teste en cliquant sur Valider !

Objectifs

  • Vérifier email vide
  • Ajouter erreur email
  • Vérifier âge < 18
  • Ajouter erreur âge
  • Formulaire existe

Lis bien les instructions et lance-toi !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé