使用鏈接提交表單提交。需要幫助

Question

我嘗試過不同的方法，但沒有成功。谷歌搜索，但無法找到此代碼工作。

我想通過單擊鏈接提交表單。以下是代碼。鏈接點擊被調用，但提交功能繞過。

<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"); 
     }); 
    }); 
}); 

Answer 1

當您在點擊事件之外執行此操作時，您的代碼綁定了單擊鏈接時的表單提交邏輯。從我可以告訴，你要鏈接到實際調用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 
}); 

演示：http://jsbin.com/iqegu4/edit

Answer 2

或者也可以簡單.. ..

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