Discussion :

[moimp]

Bonjour,

J'ai un formulaire comme ceci:

Code html :

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

1
2
3
4
5
6
7
8
9
10
<form method="post" action="">
 
	<!-- différents champs à remplir -->
 
	<input type="submit" name="save" value="Enregistrer" formaction="mainFormHandle.php?btn=save" />
	<input type="submit" name="new" value="Nouveau" formaction="mainFormHandle.php?btn=new" />
	<input type="submit" name="del" value="Supprimer" formaction="mainFormHandle.php?btn=del" />
	<input type="submit" name="print" value="Imprimer" formaction="mainFormHandle.php?btn=print" />
	<input type="submit" name="VCF" value="Carte de visite" formaction="mainFormHandle.php?btn=VCF" />
</form>

et le code js en deux versions comme ceci:

Code js :

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
"use strict";
 
// Constantes
const
	btnDel	= window.document.querySelector('input[name=del]')
	;
 
// Version 1
btnDel.addEventListener('click', function(e) {
	if (confirm("Vous êtes sur le point d'effacer cet hôtel,\r\nconfirmez vous votre choix?")) {
		btnDel.form.submit();
	}
	else {
		btnDel.form.preventDefault();
	}
});
 
// Version 2: idem sauf remplacement de btnDel.form par btnDel.formaction

Problème: Dans les deux versions, l'action s'exécute.

[javatwister]

ligne 14 à remplacer par:

Code javascript :

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

e.preventDefault();

Tu empêches l'action par défaut prévue "pour l'événement", pas "pour le formulaire"!

[moimp]

Merci