Vérifier si un champ est vide en JavaScript

septembre 21, 2019juin 29, 2022 Thomas Aucun commentaire

Dans ce tutoriel nous allons découvrir comment vérifier si un champ est vide ou non en JavaScript. Il arrive souvent que des utilisateurs remplissent un ou plusieurs champs d’un formulaire HTML avant de le soumettre. Vous pouvez écrire un script de validation du formulaire JavaScript pour vérifier si les champs obligatoires du formulaire HTML sont vides ou non.

Script pour vérifier si un champ est vide

<html>
   <head>
      <script>
         function isEmpty(){
             var str = document.forms['myForm'].firstName.value;
             if( !str.replace(/\s+/, '').length ) {
                  alert( "Le champ Name est vide!" );
                  return false;
             }
         }
      </script>
   </head>
<body>
   <form name="myForm">
      Name: <input name="firstName" /> 
      <button onclick="return isEmpty()" type="submit" value>Submit</button>
   </form>
</body>
</html>