Discussion :

[hisy]

Bonjour,

Je m'intéresse depuis peu à jQuery et j'ai voulu créer un fonction d'affichage des erreurs dans un formulaire.

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
function error(elem,test,after){
		// Ici quelque chose comme $("#" + elem).after().empty(), mais qui marche !
		 if(test) {
			$("#" + elem).animate( { borderLeftWidth:"10px", borderRightWidth:"10px" }, 500);
			$("#" + elem).parent("p").css({borderLeft: '2px solid red'});
			$("#" + elem).css({color: 'red'});
			$("#" + elem).after().css({color: 'red'});
			$("#" + elem).after("<br/>" + after);
			setTimeout(function() { $("#"+ elem).focus()},500 );
		 }
		 else {
			$("#" + elem).animate( { borderLeftWidth:"2px", borderRightWidth:"2px" }, 500);
			$("#" + elem).parent("p").css({borderLeft: '0px'});
			$("#" + elem).css({color: 'green'}); 
		 }
	}

Cette fonction est appelée par d'autres qui vérifient certains critères sur les différents champs d'un formulaire. L'idée est de faire un petit effet visuel, à la saisie.
Je suis plutôt satisfait du résultat mais je ne sais pas comment vider le message placé dans le after de l'élément quand la saisie est correcte.

Merci pour votre aide et vos remarques.

[SpaceFrog]

empty() ?

[Bovino]

after() n'est pas un sélecteur... il permet juste d'ajouter du contenu après les éléments de la collection en cours, tu ne peux donc pas l'utiliser pour cibler un élément (et l'utiliser sans paramètre n'a pas vraiment de sens).
La solution serait d'englober tout le contenu à intégrer dans une balise avec un id et de faire un empty() sur cette balise.

[SpaceFrog]

c'est next() le selecteur

[Bovino]

c'est next() le selecteur

Tout à fait
Sauf que là, ça ne sera pas satisfaisant vu le code

Code :

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

$("#" + elem).after("<br/>" + after);

qui va donc probablement générer plusieurs éléments (si le paramètre after contient des balises) et en tout état de cause, next() référencera le <br />, pas le reste, d'où l'utilité d'englober tout ça gentiment dans une div, qui permet de se passer du <br /> et de récupérer l'ensemble de ce qui a été ajouté avec next().

[hisy]

He ben merci merci pour toutes ces infos ...

On le dit pas assez mais si l'informatique progresse si vite aujourd'hui c'est grâce à des forums comme celui-ci qui nous évite de perdre des heures ...

Merci