模態確認刪除 - 不工作

Question

我正在處理一個 Laravel 項目，當我嘗試從數據庫中刪除一個城市時，我遇到了一個“錯誤”。

當我按下刪除按鈕時，需要做的第一件事是打開一個模態，我需要在其中確認刪除或取消它。

我的問題：當我按下刪除按鈕時，模式打開，但表單繼續前進而無需等待確認。

腳本：

$('#confirmDelete').on('show.bs.modal', function (e) {

    e.preventDefault();

    $message = $(e.relatedTarget).attr('data-message');

    $(this).find('.modal-body p').text($message);

    $title = $(e.relatedTarget).attr('data-title');

    $(this).find('.modal-title').text($title);

    // Pass form reference to modal for submission on yes/ok

    var form = $(e.relatedTarget).closest('form');

    $(this).find('.modal-footer #confirm').data('form', form);

});

<!-- Form confirm (yes/ok) handler, submits form -->
$('#confirmDelete').find('.modal-footer #confirm').on('click', function(){

    $(this).data('form').submit();

});

按鈕：

<div class="col-md-4">

{!! Form::open(['method' => 'DELETE','action' => ['AdminController@brisanjegrada', $gradovi->id],'style' => 'display:inline']) !!}

{{ Form::button('<i class="fa fa-trash">Obrišite Grad</i>', ['type' => 'submit', 'class' => 'btn btn-danger',' data-toggle'=>'modal','data-target'=>'#confirmDelete','data-title'=>'Brisanje županije','data-message'=>'Da li ste sigurni da želite obrisati grad'] )  }}

{!! Form::close() !!}

模態：

<div class="modal fade" id="confirmDelete" role="dialog" aria-labelledby="confirmDeleteLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
        <p></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Natrag</button>
        <button type="button" class="btn btn-danger" id="confirm">Obriši</button>
      </div>
    </div>
  </div>
</div>

Answer 1

將按鈕類型更改為按鈕而不是提交。 '類型' => '按鈕'