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

JavaScript Discussion :

Poster un formulaire et disable le boutton


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Décembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Décembre 2004
    Messages : 213
    Par défaut Poster un formulaire et disable le boutton
    Bonjour @ tous,

    Je cherche a faire une action lors de mon submit : Je voudrais desactiver le bouton, de manière a ce que le formulaire ne soir posté qu'une seule fois.

    Voici ce que je viens d'essayer :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <INPUT  TYPE="button" VALUE="Valider" onClick="document.location='index.php?rub=512';this.disabled=true;this.value='Patientez...'">
    Le probleme c'est que cela ne POST rien du tout.
    Auriez-vous une idée à me donner ?

    Merci @ vous

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    tu as d'autree elements à submitter dans ton form ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form ... action="index.php" >
    <INPUT TYPE="submit" VALUE="Valider" onClick="this.disabled=true;this.value='Patientez...'" />
    ...
     
    <INPUT TYPE="hidden" name='rub' VALUE="512" />
    ton rub serait plutot à mettre dasn un input hidden ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Décembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Décembre 2004
    Messages : 213
    Par défaut
    Merci de cette réponse rapide.

    Je viens de tester, mais cela ne marche pas, le bouton change se disabled bien, sa value aussi par contre, il ne submit rien.

    Voila le code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <form name="galerie" id="galerie" method="post" action="<?php echo $_SERVER['PHP_SELF']" enctype="multipart/form-data" >
     
    //ma ribambelle d'input
     
    <input type="submit" name="valider" value="valider" class="input" onClick="this.disabled=true;this.value='patientez...'" />
    </form>
    Merci pour votre aide

  4. #4
    Membre Expert
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    1 252
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2004
    Messages : 1 252
    Par défaut
    Le bouton est désactivé avant la soumission du formulaire au serveur, et donc la soumission ne se fait plus par l'intermédiaire du bouton.

    Mieux écouter la soumission du formulaire plutôt que le click :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <form ... onsubmit="...">
     
    </form>

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    setTimeout ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Décembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Décembre 2004
    Messages : 213
    Par défaut
    Je viens de tester en mettant onsubmit dans la balise form, mais ca ne post rien du tout.

    Je me souviens avoir pas mal galéré il y a quelques mois pour trouver une solution. sans succès. Je me demande si c'est possible de faire ca avec javascript...

    Si vous avez encore une idée qui traine.

    Merci @ vous

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] Poster un formulaire avec AJAX
    Par faico dans le forum AJAX
    Réponses: 10
    Dernier message: 22/03/2010, 17h12
  2. [Servlet] formulaire checkbox disabled
    Par noOneIsInnocent dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 10/04/2007, 14h11
  3. [Tableaux multidimentionnels] Syntaxe pour poster en formulaire
    Par max44410 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 19/09/2006, 20h44
  4. [AJAX] Une fonction pour poster un formulaire?
    Par Mysti¢ dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/09/2006, 18h28
  5. poster un formulaire + redirection
    Par apleker dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 23/06/2005, 21h20

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