Discussion :

[axelvdk]

Bonsoir,

J'ai un soucis avec la validation de mon formulaire, c'est juste d'un point de vue esthétique.
J'utilise le plugin validate de jquery et le problème est que je me retrouve avec l'image de validation affichée à gauche de l'input alors que le champs est vide (c'est dans le cas des required false mais avec d'autres contraintes comme minlength etc).

Ca survient quand on a correctement rempli le champ (alors le v s'affiche) mais qu'on efface ce champ par la suite, l'image de validation (un v vert) reste affichée.

Quelqu'un sait comment arranger ça ?

J'ajoute une image de ce problème :

Un grand merci de m'avoir lu,


Axel

[NoSmoking]

Bonjour,
sans code(*) cela va être difficile de cerner le problème, jQuery ou CSS !

Je vote plutôt pour un problème de CSS

(*) un lien ferait aussi l'affaire

[axelvdk]

Salut,

Un grand merci de regarder, c'est vraiment sympas, y a plus dans 2 têtes que dans une :-).
Je tiens juste à préciser que j'ai pas fait le code graphique, je fais que la partie gestion des données et bd, je saurais pas trop donner d'explications à ce sujet.
En ce qui concerne le code, il y a une inclusion du style css dans la page du code php :

Code css :

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
@import url('../css/validation/bootstrap.min.css');
@import url('../css/validation/bootstrap-responsive.min.css');
 
/* New styles below */
 
label.valid {
  width: 24px;
  height: 24px;
  background: url(../css/validation/img/valid.png) center center no-repeat;
  display: inline-block;
  text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

Le code validate.js :

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
 $('#form_signup').validate(
{
        rules:
        {
            debug:true,
 
            nom_societe:
            {
                minlength: 2,
                required: true
            },
 
            contact_fax:
            {
                minlength: 7,      //C'est dans ce cas que j'ai le plus de problèmes
                required: false    // Il y a une règle mais il est pas required==true
            }
        }
});

J'ai pas mis toutes les règles mais ça continue dans ce genre là. En ce qui concerne le champ contact_fax, on dirait qu'il donne la priorité à la règle required, dans le sens où il est pas obligatoire donc c'est valide. Le v reste affiché même si c'est vide et que vide est < que 7...

Je sais pas trop comment m'y prendre ni quoi changer, si t'as une idée, elle est la bien venue.

merci,

Axel