无法在jquery中提交表单

时间:2013-06-18 09:06:37

标签: jquery forms submit

我注意到jquery submit()函数无法提交以下表单。问题似乎是按钮的ID,它不应该是"提交"。为什么它会像这样工作?

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

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

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

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

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

3 个答案:

答案 0 :(得分:3)

<强> [updated2]

即使它已提交

但是如果你必须使用jquery手动提交,你必须使用它:

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

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

编辑:

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

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

答案 1 :(得分:1)

请更改您的提交按钮:

从:

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

成:

<input class="submit" name="commit" type="submit" value="Bla" />

答案 2 :(得分:0)

您应该使用表单ID提交,而不是使用提交按钮ID。

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

即使ID "submit"正在提交。

检查小提琴:http://jsfiddle.net/fRUUd/1342/