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:

---

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

tu as d'autree elements à submitter dans ton form ?

Code:

---

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 ...

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:

---

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

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:

---

1 2 3

<form ... onsubmit="...">   </form>

---

setTimeout ...

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

Code:

---

<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="setTiemout(function(){this.disabled=true;this.value='patientez...'},100)" /> </form>

---

je viens de tester un milliard de choses, et toujours rien. J'ai aussi essayé avec ca :

Code:

---

1 2	<input type="submit" name="valider" value="Valider" class="input" onClick="setTiemout(function(){this.disabled=true;this.value='patientez...'},100)"/>

---

Mais toujours rien. L'upload s'effectue bien, le reste de mes champs de formulaire sont bien traité, mais rien au sujet du bouton, il ne change à aucun moment.

Je déséspère...

heu :oups:

Code:

---

onClick="setTimemout(function(){this.disabled=true;this.value='patientez...'},100)"

---

Fabuleux, ca marche impec !!!!!

Je m'en veux d'avoir recopié sans lire se que tu m'envoyais, j'aurais pu trouver cette erreur de frappe.

Par contre ma question concerne les proprietés de cette fonction : à quoi correspond le 100 que l'on met comme attribut, est-ce le temps ?

Car comme dans mon cas, je me sers de cette fonction pour un upload d'image, les temps de telechargements sont différents entre les internautes...

oui le temps en 1000 eme de secondes ...

mais il doit être possible le le faire selon ma première propostion avec un setInterval qui verifie la variabl ...
Quand j'aurais un peu plus de temps j'appronfondirais

tu peux refiler le code à jour de ta page stp ?

voici le code qui marche

Code:

---

1 2 3 4 5 6 7 8

<form name="galerie" id="galerie" method="post" action="index.php" enctype="multipart/form-data" >   //Mes champs input   <input type="submit" name="valider" value="Valider" class="input" onClick="setTimeout(function(){this.disabled=true;this.value='patientez...'},100)"/>   </form>

---

Et voila, merci @ vous pour votre coup de main

si jamais le timing n'est pas bon avec les 100 millisecs, augmente le délai...
et si ça pose problème revines et je te ferais un setInterval ..

J'étais entrain de faire un calcul sur ce sujet car :
Ce formulaire permet l'envoi de 4 photo en simultané plus 2 champs texte par photo. Le poids maximumu pour chaque photo est de 200 Ko (vérifié coté serveur). J'ai donc fais des tests depuis le boulot avec des gros fichier, ca marche très bien. Mais comme nous avons une énorme bande passante, je referrai les test depuis chez moi ce soir.

En tout cas merci