$(#elem).attr() : plusieurs actions sur le onChange

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.

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/

Ben que dire ...

Merci ..

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 :aie: genre un passage par référence

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 ...

C'est normal et expliqué dans la :faq: : 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');

---

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 :aie: . $(this) ne semble pas être défini dans mon context.
:cry:

Code:

---

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

---

Un grand merci :ccool:

A quelle adresse je fais livrer la boite de chocolat ? :lol: