表單提交點擊按鈕在jquery模型彈出

Question

在我的MVC3 (Razor)應用程序我有一個頁面，其中包含一個窗體。

@using (Html.BeginForm("SaveReceipt", "ClinicInvoiceReceipt", FormMethod.Post, new { id = "form1" })) 
    { } 

像上面那樣。在同一頁面我有Jquery model popup，它包含一個按鈕。 我想按submit the form form1點擊彈出按鈕。

我試圖

$("#ReceiptSave").click(function (e) { 
     e.preventDefault(); 
     $('#ConfirmationDiv').dialog('close');// for closing popup 
     $("#form1").submit(); 
    }); 

但它沒有工作。如果有人知道原因，請幫助我。我堅持這一點。

在錯誤控制檯它顯示了以下錯誤

Answer 1

@using (Html.BeginForm("SaveReceipt", "ClinicInvoiceReceipt", FormMethod.Post, new { id = "form1" })) 
{ 
    <p>main page form </p> 
    <input type="button" id="ShowConfirmDiv" value="Submit" /> 
} 

<div id="ConfirmationDiv"> 
    <p>Are you sure you want to submit this form?</p> 
    <input type="button" id="ReceiptSave" value="Ok"/> 
</div> 

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

     $("#ConfirmationDiv").dialog({ 
      autoOpen: false, 
     }); 

     $("#ShowConfirmDiv").click(function() { 
      $("#ConfirmationDiv").dialog("open"); 
     }); 

     $("#ReceiptSave").click(function (e) { 
      e.preventDefault(); 
      $('#ConfirmationDiv').dialog('close'); // for closing popup 
      $("#form1").submit(); 
     }); 
    }); 
</script> 

Answer 2

@using (Html.BeginForm("SaveReceipt", "ClinicInvoiceReceipt", FormMethod.Post, new { id = "form1" })) 
{ 
    <input type="image" id="ReceiptSave" src="..." /> 
}