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 ?
Partager