jquery - 为什么我不能在 jQuery 中的提交事件的处理程序中阻止表单提交？

Question

假设我有一个 id 为“edit-resource”的表单，稍后将出现在模态对话框中。

我像这样将一个侦听器附加到文档，这样无论模态表单被回发和替换多少次，它都会捕获事件。

$(document).on('submit', '#edit-resource', function(e) {
    //breakpoint
    //ajax request with new FormData
    return false; //cancel submit
});

当我提交表单时，事件处理程序按预期运行，但是到断点被击中时......帖子已经击中服务器（也有一个断点）。提交事件应该是可取消的（即通过返回 false），但如果它已经被处理程序的第一行击中服务器，则不能取消此类事件。是什么导致了这个问题？

Answer 1

利用.preventDefault

$(document).on('submit', '#edit-resource', function(e) {
    e.preventDefault(); // Will stop your form from submission
    //breakpoint
    //ajax request with new FormData
    return false; //cancel submit
});