Bonjour,

Je cherche à vérifier si des champs sont vides avant envoi d'un formulaire.

J'ai un code qui marche, que vous pouvez tester ici : https://codepen.io/Cellophile/pen/LYWzdYR

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<form id="form" action="gf.php" method="post" onsubmit=" return check(f,g,h, response)">
  <label>Feeling: <input id="f" name=f type="text"></label><br>
  <label>Feeling: <input id="g" name=g type="text"></label><br>
  <label>Feeling: <input id="h" name=h type="text"></label>
<div id="response"></div><br>
<input type="submit" >
</form>
</html>
 
<script>
function check(input, input1, input2, response){
   if (input.value == "" || 
       input1.value == "" || 
       input2.value == "") {
    response.innerHTML = 'la case ne peut rester vide.'
     return false
   } else {
     response.innerHTML = 'bien';
     return true
   }
 }
</script>

Cependant, j'aimerais ne pas avoir à tester chaque champ par son id (là, ça va, il n'y a que 3 éléments, mais imaginons qu'il y en ait plein, ça fait long la condition...).

j'ai testé de mettre le même id à tous les champs text, ça ne marche pas. J'ai essayé de faire quelque chose de global du genre if(form.text == ""){blabla} mais je n'arrive à rien non plus.
Est-ce que vous auriez une idée ?