Göndermeden önce nasıl bir iletişim kutusu gösterebilirim?

Question

Gönderme düğmeli bir form var ve form gönderimine devam etmeden önce bir iletişim kutusu göstermek istiyorum.

Aşağıdaki kod düzgün iletişim gösteriyor, ama yine de teslim ediyor:

@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

gönderdikten önlemek etkinliği tıklayarak JQuery iç e.preventDefault(); eklemeniz gerekir.

<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>