Tester si un champ existe en javascript

**flomac** · 07/09/2015, 16h54

Bonjour à tous,

dans mon entreprise, on va passer de IE à Google Chrome et certaines de nos applications vont devoir être modifiées pour fonctionner.

Dans certaines de nos applications je teste si des champs existent avant de les réinitialiser en javascript.
Je ne sais pas quels champs existent, ni combien car ils sont affichés selon des cases à cocher ou les boutons radios cochés précédemment.
J'espère que je suis claire, ce n'est pas toujours facile d'expliquer son problème.

Voici le code que j'ai dans une de mes applications et qui fonctionne très bien sous IE mais pas avec Google Chrome :

Code :

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
function ReinitChampCheck(prof)
	{
		var f=document.questions;
		var max = 50;

		for (i=1;i<max;i++)
		{
			var champ = f.item["gar_"+prof+"_"+i];
			if ( champ != null )
			/* ce test permet de ne pas tester un champ qui n'existerait pas */
			{
				if ( champ.checked )
				{
					champ.checked = false;
					i = max;
				}
			}	
		}
	}

Sous Google Chrome, j'ai le message suivant Uncaught TypeError: Cannot read property 'gar_pro_1' of undefined sur la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var champ = f.item["gar_"+prof+"_"+i];

parce que dans le cas présent ce champ n'existe pas dans mon formulaire.
Je veux réinitialiser tous les champs qui commence par "gar_pro_" car "prof" contient "pro". Dans un autre cas de figure, ce sera tous les champs commençant par "gar_agri"...
Je peux en avoir de 1 à n pour chacun des cas de figure selon les cases cochées précédemment.

Je ne sais pas comment faire sous Google Chrome pour faire la même chose.

Est-ce que quelqu'un aurait une solution à me proposer ?

Merci d'avance pour l'aide que vous pourrez m'apporter et bonne fin d'après-midi.

**Auteur** · 07/09/2015, 19h32

bonjour,

qu'est-ce que document.questions ?

**flomac** · 08/09/2015, 09h34

Envoyé par Auteur

bonjour,

qu'est-ce que document.questions ?

C'est le nom de mon formulaire

**Auteur** · 08/09/2015, 13h54

Mais encore ? Sans code HTML difficile d'aller plus loin

Modération : discussion à déplacer dans le forum javascript. Merci

**flomac** · 08/09/2015, 14h53

En voici une partie que j'ai récupérée en affichant la source car les infos noms de champs et libellés sont récupérés dans une table SQL.
On a donc des noms de champs gar_pro_X, X pouvant prendre les valeurs de 1 à N avec des trous entre les numéros.
Dans le cas présent, on a gar_pro_1 à gar_pro_10 et gar_pro_20, gar_pro_21 et gar_pro_24

Code :

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
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
	<span id="GarPro" style="display:none">
  <table align="center" border="0" width="97%" cellspacing="0" cellpadding="3">
  <tr>
  	<td width="" class="PIAF_pro_chapitre" align="left">Type de Garanties &nbsp;</td>
  </tr>
  </table>
 
  <table align="center" border="0" width="95%" cellspacing="0" cellpadding="0">
	<tr>
		<td> 
  		<table align="center" border="0" width="98%" cellspacing="0" cellpadding="3">
  		
       	 	<tr>
      	  	<td colspan="3" width="" class="PIAF_pro_sous_chap_haut"></td> 
      		</tr>
      	
    				<tr>
    					<td class="PIAF_pro_item_bas" width="34%">
    					&nbsp;&nbsp;
    					<input type="checkbox" name="gar_pro_1"  onclick="Affich();AffichGar();" >
  						Simples signatures		
							<!-- Partie spécifique garantie -->
  						
			  		
			  		</td> 
      		
       	 	<tr>
      	  	<td colspan="3" width="" class="PIAF_pro_sous_chap_haut">Cautions</td> 
      		</tr>
      	
    				<tr>
    					<td class="PIAF_pro_item_bas" width="34%">
    					&nbsp;&nbsp;
    					<input type="checkbox" name="gar_pro_2"  onclick="Affich();AffichGar();" >
  						Personne physique		
							<!-- Partie spécifique garantie -->
  						
			  		
			  		</td> 
      		
      				<td class="PIAF_pro_item_bas" width="36%">
      					&nbsp;&nbsp;
      					<input type="checkbox" name="gar_pro_3"  onclick="Affich();AffichGar();" >   
      					Personne morale
  							<!-- Partie spécifique garantie -->
  							

  						</td> 
    				
	    					<td class="PIAF_pro_item_bas">
	    						&nbsp;&nbsp;
	    						<input type="checkbox" name="gar_pro_20"  onclick="Affich();AffichGar();" >
	    						BPI hors Convention TPE
									<!-- Partie spécifique garantie -->
									
      					
      					</td> 
        			</tr>	
    				
    				<tr>
    					<td class="PIAF_pro_item_bas" width="34%">
    					&nbsp;&nbsp;
    					<input type="checkbox" name="gar_pro_21"  onclick="Affich();AffichGar();" >
  						SIAGI (dont PRE)		
							<!-- Partie spécifique garantie -->
  						
			  		
			  		</td> 
      		
      				<td class="PIAF_pro_item_bas" width="36%">
      					&nbsp;&nbsp;
      					<input type="checkbox" name="gar_pro_4"  onclick="Affich();AffichGar();" >   
      					Hypothécaire
  							<!-- Partie spécifique garantie -->
  							

  						</td> 
    				
	    					<td class="PIAF_pro_item_bas">
	    						&nbsp;&nbsp;
	    						<input type="checkbox" name="gar_pro_24"  onclick="Affich();AffichGar();" >
	    						BPI Convention TPE/CA VDF
									<!-- Partie spécifique garantie -->
									
      					
      					</td> 
        			</tr>	
    				
       	 	<tr>
      	  	<td colspan="3" width="" class="PIAF_pro_sous_chap_haut">Nantissements</td> 
      		</tr>
      	
    				<tr>
    					<td class="PIAF_pro_item_bas" width="34%">
    					&nbsp;&nbsp;
    					<input type="checkbox" name="gar_pro_5"  onclick="Affich();AffichGar();" >
  						de titres CAM		
							<!-- Partie spécifique garantie -->
  						
			  		
			  		</td> 
      		
      				<td class="PIAF_pro_item_bas" width="36%">
      					&nbsp;&nbsp;
      					<input type="checkbox" name="gar_pro_6"  onclick="Affich();AffichGar();" >   
      					de titres hors CAM
  							<!-- Partie spécifique garantie -->
  							

  						</td> 
    				
	    					<td class="PIAF_pro_item_bas">
	    						&nbsp;&nbsp;
	    						<input type="checkbox" name="gar_pro_7"  onclick="Affich();AffichGar();" >
	    						de produits d'assurance vie CAM
									<!-- Partie spécifique garantie -->
									
      					
      					</td> 
        			</tr>	
    				
    				<tr>
    					<td class="PIAF_pro_item_bas" width="34%">
    					&nbsp;&nbsp;
    					<input type="checkbox" name="gar_pro_8"  onclick="Affich();AffichGar();" >
  						de produits d'assurance vie hors CAM		
							<!-- Partie spécifique garantie -->
  						
			  		
			  		</td> 
      		
      				<td class="PIAF_pro_item_bas" width="36%">
      					&nbsp;&nbsp;
      					<input type="checkbox" name="gar_pro_9"  onclick="Affich();AffichGar();" >   
      					de PEP'S
  							<!-- Partie spécifique garantie -->
  							

  						</td> 
    				
	    					<td class="PIAF_pro_item_bas">
	    						&nbsp;&nbsp;
	    						<input type="checkbox" name="gar_pro_10"  onclick="Affich();AffichGar();" >
	    						de parts ou d'actions
									<!-- Partie spécifique garantie -->

Désolée, j'ai encore oublié de mettre ma discussion au bon endroit

**Auteur** · 08/09/2015, 21h11

Accéder à un champ par son attribut name n'est pas franchement une bonne idée.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<form id="questions">

Et les champs en question sont visiblement tous des checkbox.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function init()
{
     var f = document.getElementById("questions");
     var inp = f.getElementsByTagName("input");
 
     for (int i=0; i< inp.lenght; i++)
     {
            if (inp[i].type=="checkbox")
            {
                   if (inp[i].checked)
                      inp[i].checked = false;
            } 
     }
}

Sinon si ton formulaire est bien fait tu peux y placer un bouton Reset :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="reset" />

**flomac** · 09/09/2015, 09h13

Bonjour,

mon souci, c'est que j'ai plein d'autres checkbox dans ce formulaire qui ne doivent pas être réinitialisés...

**flomac** · 09/09/2015, 15h30

J'ai finalement réglé mon problème.

Dans le formulaire, j'ai remplacé "name" par "id" pour tous les checkbox concernés et j'ai remplacé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var champ = f.item["gar_"+prof+"_"+i];

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var champ = document.getElementById("gar_"+prof+"_"+i);

dans la fonction javascript

Merci à Auteur qui m'a mis la puce à l'oreille

Tester si un champ existe en javascript

Google Chrome

Discussions similaires

Partager

Partager