Verification form dynamique

Version imprimable

Bonjour à tous,
Voila j'ai un formulaire dynamique ou lorsqu'on clique sur un bouton sa ajoute de lignes
Sur les input de mes lignes j'aimerais faire des test pour veriieir l'email si les champs sont remplit etc...grâce au

Code:

onSubmit="return test()"

Le problème c'est que avec la fonction que j'ai crée si dessous sa tient en compte que il y en un de mauvais mais le problème ets que dés que sa en trouve un de bon sa retourne donc vrai et alors le formulaire se valide alors que peut être une ligne d'avant ou d'après il y aura une erreur :roll::roll::roll:

compteur=0;
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 function test() { for(var i=compteur; i>0; i++) { var email=document.getElementById('personne_'+i).value; var origine=document.getElementById('origine_'+i).value; var lieu=document.getElementById('lieu_'+i).value; if(origine=="") //si pas de frs entrer { alert("Veuillez entrer le champ origine SVP"); bool= false; } else { if(lieu=="") //si pas de frs entrer { alert("Veuillez entrer le champ lieu SVP"); bool= false; } else { var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/; var result = ((reg.exec(email)!=null)); if(result==false) //si l'email n'est pas valide { alert("L\'email saisi n\'est pas valide !"); bool= false; } else { bool= true; } } } } return bool; }
Merci de votre aide.
Pce la je suis en train de peter un plomb ^^
:mur:

01/04/2009, 12h57
RomainVALERI

1) C'est quoi ce compteur ? :? Une globale ? si oui, comment est-elle initialisée / modifiée ? parce que la condition (i>0) de ta boucle for me semble étrange : quand est-ce que la valeur de compteur est décrémentée ?

2) peut-on voir le code de ton form aussi ?

compteur c'est une variable globale qui n'est jamais décrémente mais toujours incrémente.
en fait pour la boucle for j'aurais trés bien pu la faire partir de l'autre sens :D

Le compteur est incrementé ds la fonction pour ajouter des lignes addRow()
et egalement ds la fonction addRow2() qui ajoute les meme lignes au debut (onload) sauf que leur valeur est affecté par requête SQL dans un fichier XML.

en gros :

voila la fonction pour ajouter des lignes lors d'un clic par l'utilisateur

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
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
function AddRow(){
 
 
 
 
 
 
 
 
compteur++; //ajout d'un ligne on incremente le compteur
inc++;
//liste de tout les input que l'on trouve dans le tableau ligne d e produit
var input0=document.createElement('input');
input0.type = 'button';
input0.name ="supprimer";
input0.value="Supprimer";
 
 
input0.onclick=function()
{
suppression(this.parentNode.parentNode.id);
}
 
 
var input1=document.createElement('input');
input1.type = 'text';
input1.name ="codeAAMM_"+compteur;
var input2=document.createElement('input');
input1.style.width="80px";
input1.value=affichedate();
 
 
 
 
 
 
input2.type = 'text';
input2.name ="date_"+compteur;	
input2.style.width="120px";
 
 
var input3=document.createElement('input');
input3.type = 'text';
input3.name ="origine_"+compteur;	
input3.id="origine_"+compteur;
input3.ref = compteur;
input3.style.width="80px";
 
var input4=document.createElement('input');
input4.type = 'text';
input4.name ="personne_"+compteur;
input4.id="personne_"+compteur;
input4.ref = compteur;
input4.style.width="115px";
 
 
var input5=document.createElement('input');
input5.type = 'text';
input5.name ="lieu_"+compteur;
input5.id="lieu_"+compteur;
input5.ref = compteur;
input5.style.width="110px";
 
var input6=document.createElement('input');
input6.type = 'text';
input6.name ="Numero_"+compteur;
input6.id="Numero_"+compteur;
input6.ref = compteur;
input6.style.width="170px";
 
var input7=document.createElement('input');
input7.type = 'text';
input7.name ="visa_"+compteur;
input7.id="visa_"+compteur;
input7.ref = compteur;
input7.style.width="70px";
 
var input8=document.createElement('input');
input8.type = 'text';
input8.name ="statut_"+compteur;
input8.id="statut_"+compteur;
input8.ref = compteur;
input8.style.width="50px";
input8.value="Attente";
input8.readOnly=true;
 
var input9=document.createElement('input');
input9.type = 'text';
input9.name ="da_"+compteur;
input9.id="da_"+compteur;
input9.ref = compteur;
input9.style.width="110px";
input9.value="Inconnu";
input9.readOnly=true;
 
 
 
 
 
 
 
//on crée un nouvelle ligne puis les nouvelles cellules a l'interieur
 
    var newRow = document.getElementById('table').insertRow(1);
	newRow.id="ligne"+compteur;
    var newCell = newRow.insertCell(0);
 newCell.appendChild(input0);
	 newCell = newRow.insertCell(0);
	newCell.appendChild(input1);
    newCell = newRow.insertCell(1);
    newCell.appendChild(input2);
	 newCell = newRow.insertCell(2);
   newCell.appendChild(input3);
	 newCell = newRow.insertCell(3);
     newCell.appendChild(input4);
	 newCell = newRow.insertCell(4);
   newCell.appendChild(input5);
	 newCell = newRow.insertCell(5);
	  newCell.appendChild(input6);
	 newCell = newRow.insertCell(6);
	 newCell.appendChild(input7);
	 newCell = newRow.insertCell(7);
	 	newCell.appendChild(input8);
	 newCell = newRow.insertCell(8);
		newCell.appendChild(input9);
	 newCell = newRow.insertCell(9);
 
}

01/04/2009, 13h17
SpaceFrog

bongo !

Code:

input0.name ="supprimer";

Code:

input1.name ="codeAAMM_"+compteur;

etc ...

sous IE le name ne peut être attribué au runtime ...
voir l'article dans les contributions sur 'FROM DYNAMIQUE'
http://www.developpez.net/forums/d53...ynamique-form/
01/04/2009, 13h20
RomainVALERI
Avec une valeur positive de compteur (comme c'est donc toujours le cas si j'ai bien compris), la valeur de i, étant incrémentée à chaque passage dans la boucle, ne sera jamais < 0 donc la boucle doit tourner à l'infini. Non ? ^^

Ne devrait-ce pas être plutôt :
Code:

1 2 for (var i = 0 ; i < compteur ; i++)
?
01/04/2009, 14h28
Argol

oups boulette ^^
en fait c'est i-- ^^
m'enfin voila toujours le meme probleme
par exemple j'ai rentré une premiere ligne correct
puis je rentre une deuxieme ligne vide
donc sa m'affiche que le champ orinige n'est pas valide et PAF sa valide le formulaire alors sa aurait du retourner false et me laisser le temps de corriger :aie::aie:
Merci!
01/04/2009, 14h41
SpaceFrog

ça ne resoud pas le problème du name ...

Salut,

Code:

1
2
3
4
5
6
7
8
9
10
function check(FormId)
{
	var Obj=document.getElementById(FormId);
	for (var i = 0; i < Obj.elements.length; i++)
	{
		if (Obj.elements[i].type == "text") 
			{if(Obj.elements[i].value = "")
				{alert('Des champs vides') return false};}
	}
}