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 :

plugin Validator, des bulles d'erreurs s'affichent au mauvais endroit


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Août 2010
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : Tunisie

    Informations forums :
    Inscription : Août 2010
    Messages : 8
    Par défaut plugin Validator, des bulles d'erreurs s'affichent au mauvais endroit
    Salut tout le monde,
    Je suis bien avancé avec Jquery validator et ça marche très bien,
    Sauf quant je faisais différent onglets superposé dans une même page, les bulles d'erreurs ne s'affichent pas à la bonne position.
    Regardez http://193.55.60.190/LUMD/Stage/www/...ort_etape3.php
    (stage/jassp2011)
    quand j'appuie sur valider la demande, des bulles rouges s'affichent bien placés et des bulles non.
    Comment remèdier à ça ?
    Merci d'avance...

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonjour

    Je vous conseille d'examiner votre code avec un débogueur JavaScript. Avec celui de Chrome, on voit directement que les bulles d'erreur mal placées, j'en compte 15, sont des divisions ayant la classe formError et un positionnement left -30px.

    Je vous suggère de remplacer votre bloc de code jQuery :

    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
    20
    21
    22
    $(document).ready(function() {
     
    									   $("#formID").validationEngine()
     
    										});
     
     
    // jusque et y compris :
     
    $(function() {
     
       				 $('#datetime5').datepicker({
     
    					duration: '',
     
    					showTime: true,
     
    					constrainInput: false
     
    				 });
     
    				});
    par :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $(function(){
    	$("#formID").validationEngine()
     
    	$("[id^='datetime']").datepicker({
    		duration: '',
    		showTime: true,
    		constrainInput: false
    	});
    });
    Dans l'ensemble, le code ressemble à un copier-coller de sources diverses. Un peu de ménage et de rationalisation ne serait pas un luxe.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. Réponses: 4
    Dernier message: 07/07/2010, 11h23
  2. [Toutes versions] afficher des messages d'erreurs si conditions sont fausses
    Par guigui71 dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 05/05/2010, 16h03
  3. Validation des données et notification d'erreurs
    Par Loki13 dans le forum Langages de programmation
    Réponses: 3
    Dernier message: 13/09/2008, 10h37
  4. erreur de validation des donnees
    Par Jacobian dans le forum Struts 1
    Réponses: 6
    Dernier message: 20/05/2008, 13h00
  5. Réponses: 12
    Dernier message: 27/09/2007, 08h33

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