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 :

Soumission d'un formulaire, le bouton validé n'a aucun effet


Sujet :

jQuery

  1. #1
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut Soumission d'un formulaire, le bouton validé n'a aucun effet
    Bonjour,
    sur cette page, cliquer sur le titre/bouton vert de panneaux auto-fermant " Présentation intéractive..." pour voir la formulaire de saisi.

    Lorsque je valide le formulaire avec le bouton Valider (via un submitForm), ça n'a aucun effet contrairement au bouton de soumission classique (Submit).

    Ça se passe sans doute à ce niveau là dans jquery.validate.js:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    			// validate the form on submit
    			this.submit( function( event ) {
    				if ( validator.settings.debug )
    					// prevent form submit to be able to see console output
    					event.preventDefault();
    Mais ne connaissant pas (à mon grand regret) la syntaxe JS, je ne sais pas comment le répercuter sur mon lien de validation de formulaire.

    Une petite aide?

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Salut Erwan.

    Le problème qui se pose manifestement (désolé, je n'ai pas le temps ce soir de regarder ton code de plus près ) est que l'événement onsubmit d'un formulaire n'est pas déclenché si le formulaire est soumis par script (donc en résumé, document.formulaire.submit() ne déclenche pas l'événement submit) donc à priori, au lieu d'invoquer
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    this.submit( function( event )
    tu ferais mieux d'essayer de passer par un truc du style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#valid2').click( function( event )

  3. #3
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Salut Bovino (toujours là quand il faut! )
    EDIT le lien valider fonctionne bien à présent mais le script est aussi déclenché dès qu'un champ est cliqué :/
    Sinon j'ai dû remplacer l'id valid2 par une class : $('.form').click(function(event)

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('.form:submit').click(function(event)
    permettra de n'affecter le clic qu'à l'input submit

  5. #5
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('.form:submit').click(function(event)
    permettra de n'affecter le clic qu'à l'input submit
    Ok, sauf que je ne veux justement pas utiliser d'input mais un lien.

  6. #6
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Ok ça fonctionne bien en effectant la class du bouton de validation MAIS le Submitform ne fonctionne pas.

Discussions similaires

  1. Bouton Valider sur formulaire
    Par profane dans le forum IHM
    Réponses: 6
    Dernier message: 16/02/2007, 16h59
  2. Réponses: 3
    Dernier message: 29/11/2006, 22h34
  3. [formulaire] image pour bouton valider
    Par Badaboumpanpan dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 16/07/2006, 16h43
  4. [Formulaire]Un bouton pour valider deux fomulaires
    Par Le_tzao dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 01/12/2005, 11h08
  5. [Javascript] Validation soumission d'un formulaire
    Par nico33307 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 14/11/2005, 15h05

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