Discussion :

[Phoenix0007]

Salut à tous
J'ai choisis de prendre ce formulaire http://jquery.bassistance.de/validate/demo/milk/.

Maintenant je souhaites que quand l'utilisateur ai tapé quelque chose de correct, qu'il y ai une image qui s'affiche à droite (une image de validation), donc ça c'est déjà fait mais qu'en plus la bordure de l'input devienne verte.

Est-ce possible ?

Autre question, j'ai créer à la place de l'input, un tableau (où dans la cellule de gauche j'ai marqué Oui et dans la cellule de droit j'ai marqué Non).
Maintenant le problème c'est que le rapport d'erreur ne s'affiche plus.

Voici le code pour noter l'emplacement de l'erreur,
dans ça ça fonction quand c'est des divs apparemment mais si j'y met une div et un table ça déconne :

Code :

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

1
2
3
4
5
6
7
8
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next("#tableau_droit") );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent().next("#tableau_droit") );
		},

Cordialement

[Eclydia]

Bonjour Phoenix0007,

Pour que la bordure de ton input devienne verte lorsque le champ est valide, il suffit de gérer sa dans ton css, en sachant que lorsqu'un champ est valid l'input a pour classe valid, et en cas d'erreur il a pour classe error.

Il te suffit donc juste de gérer ces deux classes dans ton css.
Exemple :

Code :

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

1
2
3
form input.valid {
border:1px solid #00FF00;
}

Pour ta 2ème question je n'ai pas bien compris ton problème personnellement.

Bon courage

[Phoenix0007]

Merci beaucoup Eclydia, j'ai passé au moins une demi journée à résoudre ce problème :'(

Heureusement que tu été là

Ma 2ème question je l'ai résolu en mettant un "s" à parent() -> parents() voilà tout
Je l'ai résolu donc ce n'est pas nécessaire que je te l'expliques si ? ^^

Sinon j'ai une autre question tant que j'y suis

Admettons que j'ai un champ input, j'écris quelque chose dedans (le script m'affiche aussitot valide), maintenant j'efface le champ (le script m'affiche aussitot "veuillez remplir le champ). Logique jusque là

Maintenant si via un script javascript je change la valeur de l'input, je m'aperçois que le script ne fait pas un "refresh", c'est à dire qu'il ne prend pas en compte le fait que la valeur est changée, comment faire pour qu'il actualise toujours la valeur des inputs ou qu'il preinne en compte le script java qui me change la valeur de l'input indirectement.

[Eclydia]

Ah temps mieux alors ^^

Pour ta question, il suffit de relancer le processus de validation du formulaire suite au chargement des données en javascript, en ajoutant une ligne comme ça après:

Code :

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

$("#identifiant_de_ton_formulaire").validate();

[Phoenix0007]

Je dois surement me tromper mais ça n'a pas l'air de marcher :s

[Phoenix0007]

Je ne comprend pas, j'ai créer un lien qui renvoi vers ma fonction (qui permet de changer via un script javascript la value de mon input) et derrière cette fonction j'y ai collé ta ligne avec le bon nom de mon formulaire et ça n'actualise rien du tout :'(

[Eclydia]

Aurais-tu un liens vers ta page au pire car la je peux pas trop voir le soucis^^"

[Phoenix0007]

Oui je te donnes ça
Je fais un page plus simple, 2 minutes ^^

[Phoenix0007]

Voici le lien : http://x-ultimate.com/test2.php

Donc en faite mon but est de faire que suivant chaque pays des divs s'affiche et d'autre se ferme (j'ai supprimé les effets, je précise qu'en fait si on sélectionne France, un script se met en place pour trouver la ville en fonction du code postal, donc si c'est un pays Belgique, Angleterre etc là il faut que l'utilisateur le fasse lui-même. Enfin si c'est un autre pays de ceux proposé, il devra écrire son propre pays).

Donc je voudrais que suivant le pays choisis, qu'un script affiche un valeur au champ qui ne servent à rien (None et 00000 pour le code postal par exemple) comme ça le champ n'affiche pas d'erreur mais juste un "Validé".

Maintenant mon problème est que lorsque le script java change les valeurs de certains champs, JQuery ne les prends pas en compte, il faut cliquer dans le champ puis cliquer ailleur pour qu'il le preinne et change l'erreur en validation.

Je suis clair ? ^^