Discussion :

[sinifer]

Bonjour,

J'ai une question tout bête, mais je suis bloqué depuis hier sur ce problème.

J'ai un bouton pour envoyer les infos et comme le traitement prend du temps certaine personne appuie 5x dessus pensant qu'il ne se passe rien, du coup je voudrais grisé le bouton une fois qu'il est appuyé et envoyer un message comme l'exemple ci-dessous.

Mais le problème qui se passe c'est que le bouton est bien grisé le message apparait mais la méthode post n'est pas appelé.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<form action="/contacteCheck.php" method="post">
	<table>
	...............................................
	</table>
	<input id="myBtn" type="submit" name="register" value="Envoyer" onClick="myFunction()"  style="color:#004A99; font-weight:bold; padding:0px 5px;" />
</form>
 
<script>
function myFunction() {
  document.getElementById("myBtn").disabled = true;
  alert("Merci de patienter, l'envoie est en cours ! ");
}
</script>

Du coups je me demande est-ce que j'ai loupé un truc??

Merci de votre aide et de m'éclairer ou de me guider vers une solution fonctionnel.

Merci à vous

[SpaceFrog]

Le souci est que si tu mets un bouton submit en disabled cela ne fait pas que le griser, cela désactive sa fonctionnalité qui est de soumettre le form...

[sinifer]

Merci pour ta réponse, mais es-ce que tu vois une solution que je pourrais appliqué?

[Doksuri]

ce que SpaceFrog explique, c'est que de passer le bouton en disable "annule" sa fonction primaire : a savoir => soumettre le formulaire
ce que tu peux faire, c'est lui ajouter une classe "gris", et tester dans myFunction() s'il possede ou non cette classe (auquel cas lancer le formulaire ou non)

de plus, attention : utiliser alert() "bloquera" la page : donc tant que l'utilisateur ne fermera pas l'alert, ton formulaire ne sera pas soumis : je te conseil d'utiliser une custom modal pour afficher le message le temps que ca charge

[SpaceFrog]

en utilisant un flag boolean et en passant par le onsubmit du form dans le quel tu fais un return de ton flag, et éventuellement en modifiant le css du bouton pour le visuel

[sinifer]

Ok merci pour vos réponse et de m'avoir guidé sur la voie.

Effectivement le modale est beaucoup mieux et pour le bouton du css suffit.

Merci encore et bonne journée