Vérifier que tous les champs sont remplis avec JavaScript

Programmation JavaScript
, , , , , , ,
1

Bonjour,

S’il vous plait, j’ai un formulaire avec 4 champs et je voudrais vérifier que tous les champs sont remplis avec JavaScript sans utiliser une bibliothéque, donc aucun champ ne doit pas étre vide.

J’ai essayer plusieurs méthodes pour vérifier que tous les champs sont remplis mais ça ne fonctionne pas.

2

Veuillez essayer le code suivant:

<script type="text/javascript">
  function validateForm() {
    var c1 = document.forms["Form"]["champ_1"].value;
    var c2 = document.forms["Form"]["champ_2"].value;
    var c3 = document.forms["Form"]["champ_3"].value;
    var c4 = document.forms["Form"]["champ_4"].value;
    if (c1 == null || c1 == "", c2 == null || c2 == "", c3 == null || c3 == "", c4 == null || c4 == "") {
      alert("Veuillez remplir tous les champs obligatoires");
      return false;
    }
  }
</script>

<form method="post" name="Form" onsubmit="return validateForm()" action="">
  <textarea cols="35" rows="2" name="champ_1" id="c1"></textarea>
  <textarea cols="35" rows="2" name="champ_2" id="c2"></textarea>
  <textarea cols="35" rows="2" name="champ_3" id="c3"></textarea>
  <textarea cols="35" rows="2" name="champ_4" id="c4"></textarea>
  <br>
  <input type="submit" value="Submit">
</form>
3

Je voudrais ajouter l’attribut required au cas où l’utilisateur désactiverait le javascript :

<input type="text" id="textbox" required/>
4

Ajoutez l’attribut id="champ_x" à votre champ, puis essayez ceci :

if(document.getElementById("champ_x").value.length == 0)
{
    alert("empty")
}

OU

if( document.getElementById('champ_x').value === '' )
{
    alert('empty');
}

Je vous recommande de lire le tutoriel suivant: