vérification de formulaire

**Joffrey H** · 30/05/2012, 11h38

Bonjour,

dans le cadre d'une vérification de formulaire je dois crée une fonction javascript qui permet de vérifié si deux champs d'une même ligne sont bien remplis et qu'ils ne contiennent que des chiffres.

Voila ce que cela donne:

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
function verifline(max){
	var error = 0;
	var msg_error = "";
	var num_champ = 0;
	for(num_champ = 0; num_champ < max; num_champ++){
		if(document.getElementById('numDevis_'+num_champ).value !== "" || document.getElementById('montantDevis_'+num_champ).value !== ""){
			if(document.getElementById('numDevis_'+num_champ).value === ""){
				msg_error += "Champ N° Devis Manquant ligne " + (num_champ+1) + " \n";
				error = 1;
			}
			if(document.getElementById('montantDevis_'+num_champ).value === ""){
				msg_error += "Champ Montant Devis Manquant ligne " + (num_champ+1) + " \n";
				error = 1;
			}
		}
		if(document.getElementById('numDevis_'+num_champ).value !== "" && !isNan(document.getElementById('numDevis_'+num_champ).value)){
			msg_error += "Champ N°Devis ligne " + (num_champ+1) + " ne peut contenir que des chiffres\n";
			error = 1;
		}
		if(document.getElementById('montantDevis_'+num_champ).value !== "" && !isNan(document.getElementById('montantDevis_'+num_champ).value)){
			msg_error +=  "Champ Montant Devis ligne " + (num_champ+1) + " ne peut contenir que des chiffres\n";
			error = 1;	
		}
	}
	if(error === 0){
		return true;
	}
	else{
		alert(msg_error);
		return false;
	}
}

Malheureusement je n'arrive pas a faire fonctionné cette fonction il y a un problème entre les lignes 17 et 24 (sans celle-ci cela fonctionne), et je n'arrive pas a trouver d'ou vient l'erreur.

Si vous avez la solution ou des pistes menant a celle ci je suis preneur !

Merci d'avance.

**SpaceFrog** · 30/05/2012, 11h42

le html associé ressemble à quoi ?

quel est le message d'erreur ?

**Joffrey H** · 30/05/2012, 13h40

Voici la partie HTML correspondante (je mets juste les 3 lignes qui nous intéresse).

Code :

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

1
2
3
<TD><input type="text" size="14" name="numDevis_<%=j %>" id="numDevis_<%=j %>"></TD>
<TD><input type="text" size="10" name="montantDevis_<%=j %>" id="montantDevis_<%=j %>"></TD>
<input name="SUBMIT_MAJDEVIS" type="submit" OnClick="return verifline(<%=listdevis.size() %>)" value="Enregistrer" ><p>

Pour le message d'erreur, sans les lignes 17 a 23 la fonction marche et empêche le post de partir, si l'un des deux champs n'est pas renseigné en affichant le message d'erreur correspondant.

Avec ses lignes rien ne se passe et le post part tous le temps.

**SpaceFrog** · 30/05/2012, 13h44

le html généré eut été de meilleur aloi ...

**Joffrey H** · 30/05/2012, 13h49

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
<form name="validcontrolForm" action="/jProductBaseWeb/DevisPrealable" method="post">
 
	<input name="SUBMIT_MAJDEVIS" type="submit" OnClick="return verifline(3)" value="Enregistrer" ><p>
 
	<TABLE>
 
		<TR>
 
			<TH width="4%">Type</TH>
 
			<TH width="15%">Ref LA</TH>
 
			<TH width="15%">Ref Client</TH>
 
			<TH width="8%">Date-Code</TH>
 
			<TH width="8%">N° Série</TH>
 
			<TH>Pré-analyse</TH>
 
			<TH>N° Devis</TH>
 
			<TH>Montant</TH>
 
			<TH>Date Devis</TH>
 
			<TH>Commentaire</TH>
 
		</TR>
 
		<TR>
 
			<TD><input type="hidden" name="idaftersale_0" value="Type_0" />DIVMECA</TD>
 
			<TD><input type="hidden" name="refLA_0" value="Type_0"/>DIVMECA</TD>
 
			<TD><input type="hidden" name="refClient_0" />Reference Client 1</TD>
 
			<TD><input type="hidden" name="dateCode_0" value="Type_0" /></TD>
 
			<TD><input type="hidden" name="serialNumber_0" value="Type_0" /></TD>
 
			<TD><input type="hidden" name="datePre_0" value="Type_0" />11/11/2011</TD>
 
			<TD><input type="text" size="14" name="numDevis_0" id="numDevis_0"></TD>
 
			<TD><input type="text" size="10" name="montantDevis_0" id="montantDevis_0"></TD>
 
			<TD><input type="text" size="10" name="dateDevis_0" value="30/05/2012" readonly="readonly" class="mCalendar" style="text-align:center;"/></TD>
 
			<TD><input type="text" size="24" name="commentaireDevis_0"></TD>
 
		</TR>
 
		<TR>
 
			<TD><input type="hidden" name="idaftersale_1" value="Type_1" />FCIE500302</TD>
 
			<TD><input type="hidden" name="refLA_1" value="Type_1"/>FCIE500302 - B</TD>
 
			<TD><input type="hidden" name="refClient_1" />Reference Client 2</TD>
 
			<TD><input type="hidden" name="dateCode_1" value="Type_1" />1149</TD>
 
			<TD><input type="hidden" name="serialNumber_1" value="Type_1" />1974</TD>
 
			<TD><input type="hidden" name="datePre_1" value="Type_1" />11/11/2011</TD>
 
			<TD><input type="text" size="14" name="numDevis_1" id="numDevis_1"></TD>
 
			<TD><input type="text" size="10" name="montantDevis_1" id="montantDevis_1"></TD>
 
			<TD><input type="text" size="10" name="dateDevis_1" value="30/05/2012" readonly="readonly" class="mCalendar" style="text-align:center;"/></TD>
 
			<TD><input type="text" size="24" name="commentaireDevis_1"></TD>
 
		</TR>
 
		<TR>
 
			<TD><input type="hidden" name="idaftersale_2" value="Type_2" />DIVCAB</TD>
 
			<TD><input type="hidden" name="refLA_2" value="Type_2"/>DIVCAB</TD>
 
			<TD><input type="hidden" name="refClient_2" />Reference Client 3</TD>
 
			<TD><input type="hidden" name="dateCode_2" value="Type_2" /></TD>
 
			<TD><input type="hidden" name="serialNumber_2" value="Type_2" /></TD>
 
			<TD><input type="hidden" name="datePre_2" value="Type_2" />11/11/2011</TD>
 
			<TD><input type="text" size="14" name="numDevis_2" id="numDevis_2"></TD>
 
			<TD><input type="text" size="10" name="montantDevis_2" id="montantDevis_2"></TD>
 
			<TD><input type="text" size="10" name="dateDevis_2" value="30/05/2012" readonly="readonly" class="mCalendar" style="text-align:center;"/></TD>
 
			<TD><input type="text" size="24" name="commentaireDevis_2"></TD>
 
		</TR>
 
	</TABLE>
 
</form>

**SpaceFrog** · 30/05/2012, 14h00

Code :

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

 OnClick="return verifline(<%=listdevis.size() %>)"

met plutot ça dans le onsubmit du form

Code :

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

1
2
 
 <form name="validcontrolForm" action="/jProductBaseWeb/DevisPrealable" method="post" onsubmit="return verifline(<%=listdevis.size() %>)"

**Joffrey H** · 30/05/2012, 14h03

Fait, malheureusement rien ne change sans les lignes 17 a 24 tous marche avec plus rien ne fonctionne :/

**SpaceFrog** · 30/05/2012, 14h07

Code :

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

1
2
3
4
5
6
7
8
msg_error += "Champ N°Devis ligne " + (num_champ+1) + " ne peut contenir que des chiffres\n";
			error = 1;
		}
		if(document.getElementById('montantDevis_'+num_champ).value !== "" && !isNan(document.getElementById('montantDevis_'+num_champ).value)){
			msg_error +=  "Champ Montant Devis ligne " + (num_champ+1) + " ne peut contenir que des chiffres\n";
			error = 1;	
		}
	}

17 à 24 ??? si tu supprimes ça, ça fonctionne ????
ce serait très étonnant ...

**Joffrey H** · 30/05/2012, 14h11

Mes excuses de 16 a 23 dans le premier post soit la partie suivante :

Code :

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

1
2
3
4
5
6
7
8
		if(document.getElementById('numDevis_'+num_champ).value !== "" && !isNan(document.getElementById('numDevis_'+num_champ).value)){
			msg_error += "Champ N°Devis ligne " + (num_champ+1) + " ne peut contenir que des chiffres\n";
			error = 1;
		}
		if(document.getElementById('montantDevis_'+num_champ).value !== "" && !isNan(document.getElementById('montantDevis_'+num_champ).value)){
			msg_error +=  "Champ Montant Devis ligne " + (num_champ+1) + " ne peut contenir que des chiffres\n";
			error = 1;	
		}

De 17 a 24 dans mon fichier .js

**SpaceFrog** · 30/05/2012, 14h18

et tu as quel message d'erreur dans la console de firebug ?

**Joffrey H** · 30/05/2012, 14h32

Aucun... Comme si il ne passer plus dans la fonction une fois les lignes ajouter...

Je tourne en rond et je ne comprend vraiment pas d'ou viens le problème.

**SpaceFrog** · 30/05/2012, 14h45

mets des alert aux différentes étapes ...
tu t’emmêles les crayon dans tes tests ...

**Joffrey H** · 30/05/2012, 15h14

Pour moi ce code et logique et c d'autant plus dur de trouver d'ou vient l'erreur.

J'ai mis des alerts et voici ce que cela donne:

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
		function verifline(max){
		var error = 0;
		var msg_error = "";
		var num_champ = 0;
		for(num_champ = 0; num_champ < max; num_champ++){
			if(document.getElementById('numDevis_'+num_champ).value !== "" || document.getElementById('montantDevis_'+num_champ).value !== ""){
				if(document.getElementById('numDevis_'+num_champ).value === ""){
					msg_error += "Champ N° Devis Manquant ligne " + (num_champ+1) + " \n";
					error = 1;
					alert("1 " +error);
				}
				if(document.getElementById('montantDevis_'+num_champ).value === ""){
					msg_error += "Champ Montant Devis Manquant ligne " + (num_champ+1) + " \n";
					error = 1;
					alert("2 " +error);
				}
				alert("sorti");
			}
			if(document.getElementById('numDevis_'+num_champ).value !== "" && !isNan(document.getElementById('numDevis_'+num_champ).value)){
				msg_error += "Champ N°Devis ligne " + (num_champ+1) + " ne peut contenir que des chiffres\n";
				error = 1;
				alert("3 " +error);
			}
			if(document.getElementById('montantDevis_'+num_champ).value !== "" && !isNan(document.getElementById('montantDevis_'+num_champ).value)){
				msg_error +=  "Champ Montant Devis ligne " + (num_champ+1) + " ne peut contenir que des chiffres\n";
				error = 1;	
				alert("4 " +error);
			}
			alert("sorti 2 " + error);
		}
		alert("5 " +error);
		if(error === 0){
			return true;
		}
		if(error === 1){
			alert(msg_error);
			return false;
		}
	}

Quand le formulaire et vide il affiche l'alerte sorti 2 et 5 (ligne 29 et 31) logique.

Quand je rempli correctement les deux champs il affiche juste sorti.

Quand je rempli un seul des deux champs il affiche 1 ou 2 ligne 10 ou 15 (logique) et sorti ligne 17 puis plus rien même pas le alert 5 qui et en fin de script.

Pourquoi le script s’arrête comme ca ? Je n'arrive pas a comprend on dirais qu'il rencontre une erreur et qu'il "zap" la fin du code.

vérification de formulaire

JavaScript

Discussions similaires

Partager

Partager