ben tablonun her satırında bir form kılan üzerine bir silme düğmesi bulunan bir görünüme sahip

Question

: hepsi iyi çalışıyor

<td> 
@using (Html.BeginForm("Delete", "FP/WorkItem", 
      new { fId = Model.FPId, workId = @w.FId })) { 
     <input name="deleteWorkItem" type="submit" value="Delete" class="btn btn-default" onclick="return confirm('Are you sure?');" /> 
    } 
</td> 

ve iyi ama Crummy uyarı iletişim kutusunu istemiyorum. Bootbox gibi güzel bir şey kullanmak istiyorum. Yani butonuna onclick kaldırmak için bu değiştirmek ve ben bazı JavaScript ekleyin:

$("input[name='deleteWorkItem']").click(function (e) { 
    //return confirm('Delete selected item?'); 
    e.preventDefault(); 
    bootbox.confirm("Delete selected item?", function (result) { 
     return result; 
    }); 
}); 

onayla kutusu görünür asla preventDefault olmadan. preventDefault ile kullanıcı silme kararı vermezse form geri gönderilmez.

Her ikisine de nasıl sahip olabilirim?

Answer 1

e.preventDefault() ve onaylayın fonksiyonu geri arama elle form gönderimini tetikler tutun:

bootbox.confirm("Delete selected item?", function (result) { 
    $(this).closest("form").submit() 
    return result; 
}.bind(this)); 

Answer 2

yerine düğme şeklinde preventDefault etmeliyiz. bir örneğe bakın:

$("form").on("submit", function (e) { 
     e.preventDefault(); //prevent default form submit 

     //do the work here 
    }); 


$("#buttonToSubmit).on("click", function(){ 
    //Line used to force submit the form 
    $("form").off("submit").submit(); 
});