Vérifier si un champ est vide en JavaScript

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>
Résultat
Name:
QCM Javascript

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *