jquery - 无法在jquery中提交表单

Question

我注意到以下表单无法通过jquery的submit()函数提交。问题似乎是按钮的 id，它不应该是“提交”。为什么会这样？

<script src="jquery.js"></script>

  <form action="" id="Foo" method="POST">  

   <button id="submit" >Bla</button>
  </form>

我在控制台中调用了以下行:

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

Answer 1

已更新

尽管已经提交了

但是如果您必须使用 jquery 手动提交，则必须使用此:

$('#Foo')[0].submit();

由于jquery的选择返回的是与dom相关的对象数组，第一个是dom本身，所以可以这样提交

编辑:

如果你想阻止它提交，请使用这个:

$('#submit').onclick(function(event){
   event.preventDefault();
});

编辑 2:

如果您使用标签<button>您应该始终声明预期的 type属性。在某些浏览器中，默认值为“提交”，而其他浏览器则默认值为“按钮”。