Submit d'un form avec un button

**gianni7033** · 25/08/2009, 13h58

Bonjour à tous,

j'ai plusieurs année d'expérience en javascript, par contre jquery je suis un peu novice, pas très grande expérience et je suis bloqué sur un problème.

Dans mon site web, j'ai des formulaires, parfois plusieurs formulaires dans une page web, et je veux que lorsqu'on clic sur un "button"
- le button cliqué se mette en disabled (pour éviter double clic, donc double post
- puis que le forumaire se "submit" donc l'équivalent de l'action qui se passe quand on clic sur "<input type="submit" />"

voici mon code, je pense qu'il faut juste ajouter 2 ligne de code en haut de mon script

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript">
$("button").click(function ()
{
	// mettre le button cliqué en disabled
	// submit du form auquel le button appartient
});
</script>
</head>
 
<body>
<form method="post">
<input type="text" name="input1" />
<button>Cliquez ici pour valider ce formulaire</button>
</form>
 
<form method="post">
<input type="text" name="input2" />
<button>Cliquez ici pour valider ce formulaire</button>
</form>
 
</body>
</html>

**Gruik** · 25/08/2009, 14h04

Hello

C'est pas sur le click du bouton qu'il faut agir mais sur le submit du formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var formSubmitted;
formSubmitted = false;
$('selecteur pour ton formulaire').submit(
     function () {
          if (!formSubmitted) {
              $('selecteur pour tes boutons submit').attr('disabled', true);
              formSubmitted = true;
          }
          return !formSubmitted;
     }
);

Submit d'un form avec un button

jQuery

Vue hybride

Discussions similaires

Partager

Partager