Contrôler plusieurs champs à la fois

Version imprimable

Bonjour, je fais le contrôle de saisie d'un formulaire sur les champs vides, jusqu’à maintenant je vérifie chaque champ séparément , mais je veux que quand je valide je reçois une alert de tous les champs vides a la fois et non pas un par un , voici ce que j'arrive a faire jusqu'a maintenant
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function verif_formulaire() { if(document.missionform.nom_client.value == "") { alert("Ce Champ est obligatoire!"); document.missionform.nom_client.focus(); return false; } if(document.missionform.groupe_appartenance.value == "0") { alert("Ce Champ est obligatoire!"); document.missionform.groupe_appartenance.focus(); return false; } }
Merci d'avance

Slt,

Si tu récupères tout les champs de ton form et que tu les traites dans une boucle avant ton return

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
var mesChamps = document.forms["missionform"].getElementsByTagName("input") //form.element
var msgRetour = "";
for int i=0; mesChamps.length; i++){
    if(mesChamps[i].value == ""){
       msgRetour += "Le champ " + mesChamps[i].name // peut-étre récupérer le label précédent +" est obligatoire";
    }
}
if(msgRetour.length > 0){
   alert(msgRetour)
 
}

c'est une idée pas testée

++

07/01/2016, 15h22
andyajram

Salut , merci pour ton intérêt mais j'ai pas compris ton code !
08/01/2016, 14h05
freddou17

tu n'as pas compris quoi?

- tu boucles sur tout les champs de ton form,
- tu regardes leur valeur,
- si elle est null tu concatènes le champ en erreur avec un libellé à ta variable msgErreur
- si ta variable msgErreur n'est pas vide tu l'affiches dans un alert

résultat tu n'as qu'une alert avec un seul msg pour tout les champsen erreur

++
08/01/2016, 15h58
andyajram

j'ai testé ca mais ça ne marche pas

c'est bon j'ai résolu le problème j'ai utiliser des fonctions très utiles et avec un bon design

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
function surligne(champ, erreur) // pour marquer le champ dont il ya l'erreur 
{
   if(erreur)
      champ.style.backgroundColor = "#fba";
   else
      champ.style.backgroundColor = "";
}
function verifNom(champ) // pour specifier le champ 
{
   if(champ.value== "")
   {
      surligne(champ, true);
	  champ.focus();
      return false;
   }
   else
   {
      surligne(champ, false);
      return true;
   }
}
function verifgroupe(champ)
{
   if(champ.value== "0")
   {
      surligne(champ, true);
	  champ.focus();
      return false;
   }
   else
   {
      surligne(champ, false);
      return true;
   }
}
function verifForm(f) la fonction qui regroupe qui précède  
{
   var nomOk = verifNom(f.nom_client);
   var groupOK= verifgroupe(f.groupe_appartenance);
 
 
   if(nomOk && groupOK)
      return true;
   else
   {
      alert("Veuillez remplir correctement tous les champs en rouge");
      return false;
   }
}

avec la déclaration dans chaque input comme ca :

Code:

1
2
 
onblur="verifNom(this)"