Probleme avec le onchange

**byvan** · 11/04/2007, 11h49

Bonjour,

j'essaie de faire un controle générique pour des champs de type différentes (input,select...) avec des formats différents (date,email,numérique,texte)

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
var mesChampsControleDate=['date_naissance'];
var mesChampsControleNumerique=[];
var mesChampsControleEmail=[];
//si pas de controle mesChampsControleEmail=[];
///-----------------------------a completer-----------------------------------///
 
///----------------------------onChange------------------------------------///
function onChange()
{
 
	//controle Date
	xt$ ="";
 
	var elem = "";
 
	for(var i=0;i<mesChampsControleDate.length;i++){
		for (var k=0;k<nbLigneEnregistrement;k++) {	
			if (k>0) xt$='_'+k;
			var nomElement = mesChampsControleDate[i]+xt$;
			//alert("nom element1: "+nomElement);
			elem = "";
			elem = document.getElementsByName(nomElement);
			alert("nom element: "+elem(0).name);
 
			elem(0).onchange = function() {
 
				alert("nom elem1: "+elem(0).name);
				alert("nom elem2: "+elem.name);
				alert("j'appelele function1: "+elem(0).value);
				modifiedDoc=true;	
				controleDateValide(elem(0));
			};
		}
	}
 
	//controle numerique
	/*xt$ ="";
	for(var i=0;i<mesChampsControleNumerique.length;i++){
		for (var k=0;k<nbLigneEnregistrement;k++) {	
			if (k>0) xt$='_'+k;
			var nomElement = mesChampsControleNumerique[i]+xt$;
			var elem = document.getElementsByName(nomElement);
			elem(0).onchange = function() {
					//controleDateValide(elem(0));
					if (isNaN(elem.value)) 
						error(elem(0).name,MSGC_FLOAT);
			};
		}
	}*/
 
	/*xt$ ="";
	for(var i=0;i<mesChampsControleEmail.length;i++){
		if (i>0) xt$='_'+i;
		if (mesChampsControleEmail[i]==elem.name)
			return true;
	}*/
}

La fonction onChange est appellé des le chargement de la page, donc j'essaie d'associer a chaque changement de mon input 'date_naissance' definit dans le tableau mesChampsControleDate à un controle de date. Le probleme est qu'il y plusieurs enregistrements donc le nom de mes champs input pour la date vont être: 'date_naissance' pour le premier enregistrement 'date_naissance_1' pour le deuxième enregistrement. Ici j'ai testé avec 2 enregistrement mais le principe reste le meme avec n enregistrements.

le probleme se declenche ici

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
alert("nom element: "+elem(0).name);
//ici j'ai le bon element			
			elem(0).onchange = function() {
				//ici je récupère tous le temps le dernier element (c est a dire date_naissance_1)
				alert("nom elem1: "+elem(0).name);
				alert("nom elem2: "+elem.name);
				alert("j'appelele function1: "+elem(0).value);
				modifiedDoc=true;	
				controleDateValide(elem(0));
			};

Le probleme c'est quand je change ma valeur de l'input date_naissance c'est la valeur de l'input date_naissance_1 qui est controlé lors de l'appelle a

Code :

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

1
2
 
controleDateValide(elem(0));

j'espere que j'ai été a peu près clairdans mes explication

merci d'avance

**Djakisback** · 12/04/2007, 12h28

Salut,
tu devrais plutôt utiliser des tableaux :

Code html :

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

1
2
3
4
5
6
7
 
<input type="text" name="name[]">
<input type="text" name="date[]">
<input type="text" name="name[]">
<input type="text" name="date[]">
<input type="text" name="name[]">
<input type="text" name="date[]">

Ensuite, je comprends pas pourquoi tu fais un contrôle sur un select en JS ? Ce genre de contrôle se fait côté serveur car le seul moyen pour le client de modifier les valeurs des options et de créer un faux formulaire (où d'envoyer les données directement en GET ou POST) qui pointera sur ta page d'insert ou d'update, et s'il fait un faux form il va pas s'amuser à recopier ta fonction JS ^^

Enfin, j'ai l'impression que le problème est pris à l'envers en général tu fais tous les contrôles lors du submit, parce que là je comprends pas trop comment tu vas faire pour contrôler tes input text. A chaque fois que le client tape une touche tu vas lancer ta fonction ?

Bye

**byvan** · 20/04/2007, 17h29

C vrai que pour le select le controle ne sert a rien normalement. Mais les selects sont assez particuliers ils possedent obligatoirement un choix blank. Mais je comprend ta logique.

Pour le onChange il sera lancer des que l'utilisateur va cliquer en dehors de la case ou il renseigne son champs. Celui ci se lance au bon moment mais les valeur dans

Code :

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