in js, aber dann außer Kraft setzen, dass

Question

Ich habe eine Ansicht, die eine Löschtaste darauf hat, die eine Form in jeder Zeile der Tabelle macht:

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

Das ist alles schön und gut funktioniert, aber Ich möchte den muffigen Alarmdialog nicht. Ich möchte eine nette Sache wie Bootbox verwenden. So ändere ich dies die Onclick auf dem Button zu entfernen, und ich habe einige JavaScript hinzu:

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

Ohne die preventDefault das Bestätigungsfeld erscheint nie. Mit der preventDefault wird das Formular nicht zurückgesendet, wenn der Benutzer entscheidet, nicht zu löschen.

Wie kann ich beides haben?

Answer 1

Halten Sie die e.preventDefault() und bestätigen manuell Callback-Funktion Formularübermittlung auslösen:

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

Answer 2

Sie haben die Form statt Taste prevent. Sehen Sie ein Beispiel:

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