Tôi làm cách nào để hiển thị hộp thoại trước khi gửi?

Question

Tôi có biểu mẫu có nút gửi và tôi muốn hiển thị hộp thoại trước khi tiếp tục gửi biểu mẫu.

Đoạn code dưới đây đang hiển thị hộp thoại đúng cách, nhưng nó tiếp tục nộp anyway:

@using (Html.BeginForm("SubmitForm", "Home", FormMethod.Post, new { id = "form" })) 
{ 
    @Html.AntiForgeryToken() 
    *snip* 

    <div class="collapseClosed panel-footer panel-collapse collapse in"> 
     <input type="submit" name="btnSubmit" id="btnSubmit" class="btn btn-success" value="Submit" /> 
    </div> 
} 
<div id="confirm" title="Confirm"> 
    <span id="confirmtext"></span> 
</div> 

<script> 
    $("#btnSubmit").on("click", function() { 
     currentForm = $(this).closest('form'); 
     $("#confirmtext").text("Please confirm."); 
     $("#confirm").dialog('open'); 
    }); 
</script> 

Answer 1

Bạn cần phải thêm e.preventDefault(); bên trong JQuery nhấp kiện để ngăn chặn gửi.

<script> 
    $("#btnSubmit").on("click", function (e) { 
     e.preventDefault(); 
     currentForm = $(this).closest('form'); 
     $("#confirmtext").text("Please confirm."); 
     $("#confirm").dialog('open'); 
    }); 
</script> 

Answer 2

<script> 
    $("#btnSubmit").on("click", function (e) { 
     e.preventDefault(); 
     currentForm = $(this).closest('form'); 
     $("#confirmtext").text(Please confirm."); 
     $("#confirm").dialog('open'); 
    }); 
</script>