选择正确的方式提交表单在jQuery中

Question

＆＃34;据我做过一些研究，我发现以下方法使用jQuery提交表单。你能告诉我哪一个提交表格的方式比其他人更准确吗？

1-直接定位表格

 $( "form" ).on( "submit", function( e ) {
       e.preventDefault();
   });

2-以表格形式定位按钮

$( "#abtn" ).on( "click", function( e ) {
       e.preventDefault();
 });

3-定位表格中的提交按钮

$('#submit').click(function () {
    // code here
     return false;
  });

如果使用e.preventDefault();哪个地方最好放入？ 在表单提交开始时还是在结束时？

Answer 1

这取决于你的情况，但我说最好的方法是：

$( "form" ).on( "submit", function( e ) {
    e.preventDefault();
});

为什么呢？因为用户可以按Enter而不是单击，或者可能有其他内容自动填充表单然后提交它。

使用上面的代码，你也肯定会拦截这些案件。

就e.preventDefault();而言，只要它放在事件回调函数中，它就不重要。

Answer 2

我建议你使用 Malsup's jQuery form ，因为它似乎是你在我的评论中读到的插件，它说你要提交表单在ajax中，不仅仅是阻止默认表单提交行为。