Vérification champs vides formulaire

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Robert.B
Messages : 7
Enregistré le : 15 déc. 2021, 19:55

Vérification champs vides formulaire

Message par Robert.B » 24 oct. 2022, 22:14

Bonjour,

j'ai un formulaire comportant une 90 champs texte, chacun ayant un "id" et son "name" qui lui est propre.
Comment savoir si un ou plusieurs champs et les quels sont restés vides quand je soumets le formulaire ?
Est-ce possible à faire autrement qu'en testant les 90 champs un par un (ça je sais faire...).

Merci !

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Vérification champs vides formulaire

Message par webmaster » 24 oct. 2022, 22:19

Bonjour,

La propriété elements d'un formulaire contient la liste de tous les champs
Il est donc possible de faire une boucle du type :

Code : Tout sélectionner

for (i in formulaire.elements) {
  console.log(i+" "+formulaire.elements[i]);
}
avec cette boucle, on peut vérifier le type text et son contenu
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Robert.B
Messages : 7
Enregistré le : 15 déc. 2021, 19:55

Re: Vérification champs vides formulaire

Message par Robert.B » 24 oct. 2022, 22:26

Merci, je teste demain à la première heure.
Bonne nuit....

Robert.B
Messages : 7
Enregistré le : 15 déc. 2021, 19:55

Re: Vérification champs vides formulaire

Message par Robert.B » 25 oct. 2022, 09:36

Bonjour,

Ça fonctionne. Super.
J'ai soumis le formulaire avec tous les champs vides.

Pourquoi la console affiche d'abord le numéro d'ordre de tous les champs vides et ensuite les id de tous les champs vides ?

Les champs sont tous construits de cette façon :
Premier champ : <input type="number" min="0" max="6" style="width:40px" title="bla bla bla" class="bg-light h5" id="1_5" name="1_5">
2ième champ : <input type="number" min="0" max="6" style="width:40px" title="Délais" class="bg-light h5" id="1_2" name="1_2">
etc....

Copie de la console + commentaires ajoutés manuellement.
0 ==> Premier champ dans la partie HTML
1 ==> 2ième champ dans la partie HTML
....
....
1_5 ==> id du premier champ
1_2 == > id du 2ième champ
...
...
Merci et bonne journée

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Vérification champs vides formulaire

Message par webmaster » 26 oct. 2022, 09:25

Content que ca fonctionne

L'ordre d'un for in n'est jamais prédictible et il ne faut pas se servir de l'ordre d'apparition dans ses algorithmes.
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Répondre