Javascript 提交一份包含相关实时事件的表单

我正在使用asp.NETMVC和jQuery开发一个web应用程序。在我的第10页表单中，我使用jQuery（live events）进行异步提交。大概是这样的：

$("#jobs form").live('submit', function(e) {
    e.preventDefault();
    // do the rest of your code
}

一切正常，但我需要格式化一个Div与图像，当用户点击这个Div我需要提交表单，但。。。表单没有像submit按钮那样执行异步操作。它正在执行默认行为

我的部门是这样的：

$("#jobs form").live('submit', function(e) {
    e.preventDefault();
    // do the rest of your code
}

我的剧本：

$("#jobs form").live('submit', function() {
   $.post($(this).attb('action'), $(this).serialize(), function(result) {
     //get and format result in my content divs...
   });
});

我的HTML：

<div id="jobs">
<% foreach(var job in Model) { %>
<form ...>
  <!-- hide this button -->
  <input type='submit' class='hide' id='mysubmitButton_<%=job.Id%>' />
  <!-- need to submit this form -->
  <div class='buttonImage' onclick="$('#mysubmitButton_<%=job.Id%>').click();"></div>
</form>
<% } %>
</div>

如何在“onclick”中设置，以像我的页面中的提交按钮一样进行同步提交

我不知道如何设置这个按钮的格式，所以我正在使用div或超链接

---

谢谢

首先，您有

$.post（$（this）.attb（'action'），…

。这不起作用——函数是，所以您需要

$.post（$（this.attr（'action'），…

）。最好避免使用jQuery对象并使用

$.post（this.action，

）

对于提交图像，应使用以下代码：

$('.buttonImage').live('click', function(){
    $(this).closest('form').submit();
});

这将找到父窗体并对其调用

submit

操作，这将触发您在问题中定义的处理程序

请注意，您似乎没有阻止默认操作的发生。您需要在表单上调用

live

方法，如下所示：

$("#jobs form").live('submit', function(e) {
    e.preventDefault();
    // do the rest of your code
}

---

这可以防止出现默认提交操作。

感谢awser，但我想知道，如何在单击事件中提交表单而不在页面中生成默认帖子？如果使用“提交”按钮，这很好，因为我的表单带有.live jquery事件，但当我使用$（“提交按钮”）。单击（），它将执行html的默认帖子。