Jquery 使用链接调用表单提交。需要帮助吗

我尝试过不同的方法，但没有成功。谷歌搜索，但找不到这段代码工作

我想通过点击链接提交表格。下面是代码。调用了链接单击，但忽略了提交功能

<a id="Save" class="pageAddLink" href="#" title="Save Page Contents">Save Page</a>
<form action="/Home/Edit" id="first" method="post">
</form>


$(document).ready(function () {
    $("a.pageAddLink").live('click', function (ev) {
        ev.preventDefault();
        //$("form#first").submit(); //Only this is working fine but below code not
        $("form#first").submit(function (e) {
            e.preventDefault();
            alert("form submit called");
        });
    });
});

$（文档）.ready（函数（）{
$（“a.pageAddLink”）.live（'click'，函数（ev）{
ev.preventDefault（）；
//$（“form#first”）.submit（）；//只有这样做很好，但下面的代码不行
$（“表格第一”）。提交（功能（e）{
e、 预防默认值（）；
警报（“表格提交”）；
});
});
});

当您应该在单击事件之外执行此操作时，您的代码会在单击链接时绑定表单提交逻辑。据我所知，您希望链接实际调用表单的

submit

事件，而不是声明

submit

事件的行为方式：

$("form#theForm").submit(function(e){
   e.preventDefault();
   alert("Form Submitted"); 
});

$("a").live("click", function(e) { // is there a reason we're using $.live()?
   e.preventDefault();
   $("form#theForm").submit(); // Alerts: Form Submitted
});

演示：

甚至更简单

<a id="Save" 
   class="pageAddLink" 
   href="javascript: $('form#first').submit();return false;" 
   title="Save Page Contents">Save Page</a>