2 actions sur un même bouton [Résolu]

[vince29]

Bonjour à tous,
voilà je dispose d'un formulaire assez classique, qui, lors de sa validation lance un traitement qui dure quelques secondes, et comme je dispose de clients (cliqueurs fous ... ), j'aimerais bloquer le formulaire au premier clic.

J'ai mis le code javascript suivant sur mon bouton :

Code :

this.value="Patientez...";this.disabled=true;return true;

Mon problème, c'est que sur les 3 actions demandées, seules les 2 premières fonctionnent, de même si j'invers les 2 dernières.

Auriez-vous une explication ? ou aune autre solution ?

D'avance merci.
Vince

[Bovino]

Ben... il sert à quoi ton return true ?

[vince29]

il sert à valider le bouton...
je cherche à griser le bouton, pour empêcher le second clic, donc je le désactive, mais il me faut le valider pour activer le traitement derrière ...

[Willpower]

Code :

1
2
3
4
5
6
7
8
9
10
11
<form id="monForm1" method="get">
	<input type="submit" name='buttonSubmit' value="lol" />
</form>
<script type="text/javascript">
	document.forms.monForm1.onsubmit = function(){
		this.buttonSubmit.disabled=true;
		this.buttonSubmit.value="Patientez...";
		alert("la submit va s'effectuer maintenant");
		return true;
	};
</script>

[vince29]

J'ai mis en place le code indiqué, en adaptant bien sûre le nom du bouton et du formulaire, mais le script n'est pas pris en compte ..
je suis sur un environnement PHP, avec le framework Zend, si cela peut avoir une incidence...

[andry.aime]

document.forms.monForm1.onsubmit

Code :

document.forms["monForm1"]onsubmit

[Bovino]

Je dirais plutôt

Code :

document.getElementById('monform1').onsubmit

[vince29]

je ne comprends pas, cela ne fonctionne pas :

Code :

1
2
3
4
5
6
7
8
<script type="text/javascript">
	document.getElementById('formPay').onsubmit = function(){
		this.submit.disabled=true;
		this.submit.value="Patientez...";
		alert("la submit va s'effectuer maintenant");
		return true;
	};
</script>

mon bouton se nomme submit...
merci

[andry.aime]

Envoyé par vince29

mon bouton se nomme submit...
merci

Tu nous montres ton code HTML

[Bovino]

Tout d'abord, le return true ne sert réellement à rien.
Ensuite, ton input submit possède bien un attribut name dont la valeur est "submit" ?

[Willpower]

@vince: "submit" est un mot clé en javascript... donc il ne faut pas appeler tes champs ainsi.. surtout si tu utilises leurs noms pour y accéder via javascript.

@les autres: il me semble que "document.forms.monForm1.onsubmit" est tout à fait valable !

[vince29]

ça fonctione, je suis allé un eu vite.

j'ai créé une fonction javascript (code que vous m'avez donné), fonction appelée par le bouton submit avec la méthode 'onClick = inactif();'

Et en javascript :

Code :

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
function inactif(){
	document.getElementById('formPay').onsubmit = function(){
		this.submit.disabled=true;
		this.submit.value="Patientez...";
		//alert("la paiement va s'effectuer maintenant");
		return true;
	};
}
</script>

Merci pour votre aide
Vince