$(#elem).attr() : plusieurs actions sur le onChange [Résolu]

[hisy]

Bonjour,
J'utilise pour appliquer des vérfications à certains champs d'un formulaire.
Malheureusement certains de ces champs on déjà des évenements sur le onChange ...
Existe t il un moyen d'ajouter une action sur cet événement sans effacer l'action déjà présente ?

Meric par avance.

[Bovino]

Il ne faut pas passer par attr() pour gérer les événements avec jQuery !
La gestion des événements par la bibliothèque est beaucoup plus efficace et permet d'attacher autant d'actions que tu veux pour un même événement :

Code :

1
2
$('input').change(fonction1);
$('input').change(fonction2);

http://api.jquery.com/category/events/

[hisy]

Ben que dire ...

Merci ..

[hisy]

Ha si ...

Comment passer des paramètres à cette fonction ?
Je m'explique, après chargement, je veux appliquer des tests sur tous les champs obligatoires que j'ai dans un tableau.
Si je fais ça:

Code :

1
2
3
4
5
6
7
8
 
$(function(){	
	for(i=0; i < aMandatories.length; i++ ) {
		elem = aMandatories[i];
		$("#" + elem).css({borderLeft : "2px solid coral"}).css({borderRight : "2px solid coral"});	
		$("#" + elem).change(function() { verifLength(elem,2,'Champ obligatoire')} );
	}
});

elem est undfined pour verifLength()

et si je fais :

Code :

1
2
3
4
5
6
7
8
 
$(function(){	
	for(i=0; i < aMandatories.length; i++ ) {
		elem = aMandatories[i];
		$("#" + elem).css({borderLeft : "2px solid coral"}).css({borderRight : "2px solid coral"});	
		$("#" + elem).change( verifLength( elem,2,'Champ obligatoire')} );
	}
});

verifLength() joué au chargement de la page pour tous les champs.
Il doit y avoir un truc que je zap genre un passage par référence

[hisy]

Ok je reviens à la charge ...

en fait mon problème est un problème de persistance/portée des variables.
je m'explique, voici mon code :

Code :

1
2
3
4
5
6
7
8
$(function(){	
	$('select').append( new Option("- - CHOISISSEZ - -","") );
	for(i=0; i < aMandatories.length; i++ ) {
		elem = aMandatories[i];
		$("#" + elem).css({borderLeft : "2px solid coral"}).css({borderRight : "2px solid coral"});	
		$("#" + elem).change(function() { verifLength(elem,2,'Champ obligatoire')} );
	}
});

L'idée est donc de mettre un test sur le onChange des champs obligatoires listés dans mon tableau aMandatories[i]. Mais quelque soit le champ modifier, la methode verifLength est appelée avec elem qui vaut la dernière valeur de mon champ et non l'élément i de mon tableau ...

Merci pour votre aide ...

[Bovino]

C'est normal et expliqué dans la : Comment attribuer à des objets un onclick faisant appel à une variable de boucle ?
Avec jQuery, tu peux passer par prop() ou data() pour affecter des propriétés spécifiques à un objet

Code :

1
2
3
4
5
6
7
8
9
$(function(){	
	$('select').append( new Option("- - CHOISISSEZ - -","") );
	for(i=0; i < aMandatories.length; i++ ) {
		elem = aMandatories[i];
		$("#" + elem).prop('rang', i);
		$("#" + elem).css({borderLeft : "2px solid coral"}).css({borderRight : "2px solid coral"});	
		$("#" + elem).change(function() { verifLength(elem,2,'Champ obligatoire')} );
	}
});

et dans la fonction verifLength, tu testes

Code :

$(this).prop('rang');

[hisy]

Merci pour ta patience ... Je pense piger le truc, j'ajoute une propriété à chaque objet pour pouvoir la récupérer le moment venu en utilisant l'objet courant this.

Je fais :

Code :

1
2
3
4
5
6
7
$(function(){	
	for(i=0; i < aMandatories.length; i++ ) {
		elem = aMandatories[i];
		$("#" + elem).prop('rang', i);	
		$("#" + elem).change(function() { verifLength()} );
	}
});

et dans ma fonction verifLength() :

Code :

1
2
3
4
function verifLength(){
alert($("#cli_nom").prop('rang'));		
alert($(this).prop('rang'));
	}

Le premier alert() me retourne bien le 'rang' de l'élément cli_nom mais malheureusement , le deuxième me retourne toujours undefined . $(this) ne semble pas être défini dans mon context.

[Bovino]

Code :

$("#" + elem).change(function() { verifLength($(this))} );

[hisy]

Un grand merci

A quelle adresse je fais livrer la boite de chocolat ?