[英]After form Validation enable submit button and if click submit button open modal popup using jQuery?
[英]Form Submit on Click of button in jquery model popup
在我的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();
});
但它不起作用。 如果有人知道原因請幫助我。 我堅持這個。
在錯誤控制台中,它顯示以下錯誤
@using (Html.BeginForm("SaveReceipt", "ClinicInvoiceReceipt", FormMethod.Post, new { id = "form1" }))
{
<input type="image" id="ReceiptSave" src="..." />
}
@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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.