preventDefault ne fonctionne pas
Bonjour,
J'ai un formulaire comme ceci:
Code:
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:
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.