Discussion :

[jpguiche]

Bonjour,

Dans une forme, j'ai 2 boutons submit : 1 pour Annuler et 1 pour Valider. Comment savoir lequel a été cliqué dans le javascript appelé sur onsubmit ?

Merci.

[SpaceFrog]

donne leur un name different et teste le isset du get ou post du name coté serveur ...
ou si ils ont le même name, teste leur value

[Gatsu35]

donne leur un name different et teste le isset du get ou post du name coté serveur ...
ou si ils ont le même name, teste leur value

Il demande comment savoir lequel a été cliqué dans le javascript

Je propose une solution simple il faudra que sur le onclick de chaque bouton tu initialize une variable avec une certaine valeur.

Code :

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

1
2
3
4
5
6
 
<form onsubmit="return testSubmit(this)" action="javascript:;">
 
    <input type="submit" value="Annuler" onclick="clickedButton=this"/>
    <input type="submit" value="Envoyer" onclick="clickedButton=this"/>
</form>

Code :

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

1
2
3
4
var clickedButton;
function testSubmit(form) {
    alert(clickedButton.value)
}

Demo ici :
http://jsfiddle.net/Urngp/

[SpaceFrog]

arf ... oui ! désolé j'ai zappé le onsubmit

ou peut aussi passer par une variable globale modifiée sur le onclick au lieu de passer l'objet

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var clickedButton;
function testSubmit(form) {
    alert(clickedButton)
}
 
<form onsubmit="return testSubmit(this)" action="javascript:;">
 
    <input type="submit" value="Annuler" onclick="clickedButton=this.value"/>
    <input type="submit" value="Envoyer" onclick="clickedButton=this.value"/>
</form>

[Bovino]

Reste aussi à savoir s'il est vraiment opportun d'avoir un bouton "Annuler" de type submit

[Gatsu35]

Je passe l'objet ça laisse plus de liberté pour jouer avec ensuite

[SpaceFrog]

lol gatsu ... Je reste plus minimaliste, c'est moins goumand