IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Les images de validation jquery.validate


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2011
    Messages : 13
    Par défaut Les images de validation jquery.validate
    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

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 208
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    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

  3. #3
    Membre averti
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2011
    Messages : 13
    Par défaut
    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

Discussions similaires

  1. Réponses: 6
    Dernier message: 09/05/2012, 19h51
  2. Réponses: 2
    Dernier message: 29/10/2008, 18h46
  3. Réponses: 1
    Dernier message: 15/08/2008, 02h41
  4. Identifier les cellules qui contienent une Validation
    Par A@Lah dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 01/10/2007, 13h09
  5. test champs email avec une image pour bouton de validation
    Par becouet dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 07/06/2006, 23h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo