その私は、テーブルの各行でフォームを作ることで削除ボタンを持って眺めてい

Question

：すべてうまく機能

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

をして良いが、私はおかしい警告ダイアログを望んでいません。私はbootboxのような素敵なものを使いたいです。だから私は、ボタンの上にonclickのを削除し、私はいくつかのJavaScriptを追加するために、これを変更します。

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

preventDefault確認ボックスがないと表示されません。 preventDefaultでは、ユーザーが削除しないと決定した場合、フォームはポストバックしません。

どうすれば両方のことができますか？

Answer 1

はe.preventDefault()と確認の関数コールバックは手動でフォームの送信をトリガしてください：

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

Answer 2

あなたが代わりにボタンの形をでpreventDefaultしてきました。 例を参照してください：

$("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(); 
});