需要使用JavaScript或jQuery的一個表單提交幫助

Question

我有一個表格，看起來像這樣

@using (Html.BeginForm("ActionMethod","MyController FormMethod.Post)) { 
<button type="submit" value="Generate" name="action" class="button" id="btnGenerate">Generate Form</button> 
<button type="submit" value="Confirm" name="action" class="button" id="btnConfirm">Confirm</button> 
} 

和我的JavaScript看起來像這樣

<script type="text/javascript"> 
    $(function() { 

     var genOverlay = jQuery('<div id="overlay"><div class="innerblock box-shadow"><p>Please remember to print the registration form and sign both copies.</p><div><a id="btnClose" href="#" class="button">Close</a></div></div>'); 

     var confirmOverlay = jQuery('<div id="overlay"><div class="innerblock box-shadow"><p>Changes can not be made to this record once it has been confirmed. Are you sure you would like to confirm this form?</p><div> <a id="btnConfirmConfirmation" href="#" class="button">Confirm</a> <a id="btnCancel" href="#" class="button button-red">Cancel</a></div></div>'); 

     $('#btnGenerate').click(function() { 
      genOverlay.appendTo(document.body); 
      return false; 
     }); 

     $('#btnConfirm').click(function() { 
      confirmOverlay.appendTo(document.body); 
      return false; 
     }); 


     $('#btnConfirmConfirmation').live('click', function() { 
      // Need help on submitting the form with the input button value of btnConfirm. 

      // $('#btnConfirm').submit(); does not work 
      // return true; 
     }); 

     $('#btnClose').live('click', function() { 
      genOverlay.remove(); 
     }); 

     $('#btnCancel').live('click', function() { 
      confirmOverlay.remove(); 
     }); 
    }); 
</script> 

我將如何去實現btnConfirmConfirmation點擊覆蓋只需提交表單通常的「確認」的行動值？

感謝所有幫助

Answer 1

submit是表單元素的事件處理程序。這應該工作：

$('#btnConfirm')[0].form.submit() 
//All form elements have a property called "form" which refers to the parent form 

如果你連接標識符到您的表單，使用此：

$('#formId').submit();    //<form id="formId" ... 
$('form[name="formName"]').submit(); //<form name="formName" ... 

Answer 2

的.submit()方法僅適用於<form>元素。你可以一個ID添加到您的形式：

<form id="myForm" ...> 

哪像你使用的HtmlHelper創建，將與來實現：在

@using (Html.BeginForm("ActionMethod","MyController", FormMethod.Post, new { id = "myForm" })) { ... 

，然後調用提交方法（記錄here）即：

$('#btnConfirmConfirmation').live('click', function() { 
    $('#myForm').submit(); 
}); 

或者你可以通過查找按鈕的最近的祖先表單元素去的形式爲您的按鈕：

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

closest方法記錄在here。