preventDefault() 不阻止表单提交时的页面重定向

Question

我有一个简单的表单被提交到第三方表单/数据库位置（Acoustic），并且我试图防止页面在提交后被重定向。

    <form method="post" action="my-form-url-goes-in-here">
      // form labels and fields
    </form>
    <button type="submit" id="mybtn">Submit</button>

我尝试使用

preventDefault()

和

return false

作为覆盖该行为的选项，但由于某种原因它们不起作用。

    document.querySelector("#mybtn").addEventListener("click", function () {
      document.querySelector("form").submit(function (e) {
        e.preventDefault();

        return false;
      });
    });

实现此行为有哪些选项。

Answer 1

理想情况下，您应该使用表单元素中的提交按钮，然后您可以定位表单

<form method="post" id="my-form">
      // form labels and fields
 <button type="submit">Submit</button>
    </form>
   
$(document).on('submit', '#my-form', function(e){
    e.preventDefault();
 
   
  });

文档可以访问dom中的元素，您可以使用它们的id来定位特定元素，这就是我在这里所做的，回调函数引用了表单