Interception automatique des événements de soumission de formulaire en JavaScript / jQuery - javascript, jquery, html, formulaires, formulaire-soumission

J'essaie d'attraper une demande de soumission d'un formulaire

<form action="/post" name="submitform" id="submitform" method="post" class="pure-form">
<textarea columns="40" rows="4" name="entry[body]" id="statement"></textarea>
<input type="submit" id="submitbutton" name="btnSubmit" value="save" class="pure-button pure-button-primary">
</form>

en utilisant

 document.querySelector("#submitform").addEventListener("submit", function(e) { /* code */ });

ce qui fonctionne bien si je clique sur un bouton d'envoi

mais quand j'appelle

$("#submitform").submit();

ou

document.forms["submitform"].submit();

le formulaire soumet en contournant mon écouteur d'événement.

Pourquoi?

Réponses:

Vous pouvez essayer ceci:

$("#submitbutton").trigger("click");

Vous pouvez intercepter l'appel de soumission jquery en fournissant un gestionnaire d'événement avec la fonction de soumission.

$( "#submitform" ).submit(function( event ) {
alert( "Handler for .submit() called." );
event.preventDefault();
});

Pour plus d'informations https://api.jquery.com/submit/