在 JavaScript / jQuery 中拦截自动表单提交事件

Question

我正在尝试捕获表单的提交请求

<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>

使用

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

如果我点击提交按钮，效果很好

但是当我打电话时

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

或

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

表单提交绕过我的事件监听器。

为什么？

Answer 1

您可以通过提供事件处理程序以及提交函数来拦截 jquery 提交调用。

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

更多信息 https://api.jquery.com/submit/

Answer 2

你可以试试这个：

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