Comment valider les champs vides avec JS

Apprendre à utiliser JavaScript pour ajouter une validation de champ de saisie vide.

Validation des champs de saisie vides

Première étape - Ajouter HTML :

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post" required>
  Nom : <input type="text" name="fname">
  <input type="submit" value="Soumettre">
</form>

Deuxième étape - Ajouter JavaScript :

Si le champ d'entrée (fname) est vide, cette fonction affichera un message d'avertissement et retournera false pour empêcher le soumission du formulaire :

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Le nom doit être rempli");
    return false;
  }
}

Essayez-le vous-même