Laravel - 以删除模式形式提交按钮没有响应答案

【问题标题】：Laravel - Submit button in delete modal form not respondingLaravel - 以删除模式形式提交按钮没有响应
【发布时间】：2019-12-10 11:02:46
【问题描述】：

我正在将 Laravel-5.8 用于 Web 应用程序项目。除了删除之外，CRUD 的所有其他部分都在工作。

控制器

public function destroy(Request $request, $id)
{
    $group = HrHolidayGroup::find($id);
    $group->delete();
    Session::flash('success', 'Holiday Group deleted successfully.');
    return redirect()->route('hr.holiday_groups.index');
}

路线/网络

Route::group(['prefix' => 'hr', 'as' => 'hr.', 'namespace' => 'Hr', 'middleware' => ['auth']], function () {

Route::resource('holiday_groups', 'HrHolidayGroupsController');

});

index.blade.php

<tbody>
 @foreach($groups as $key => $group)
<td>
 {{$key+1}}
</td>
<td>
  {{$group->group_name ?? '' }}
</td>
<td>
  {{ $group->description ?? '' }}
</td>
<td>
    @can('holiday_group_delete')
<a class="btn btn-xs btn-danger" data-toggle="modal" data-target="#confirm-delete{{ $group->id }}" data-original-title="Close"> 
 span style="color:white;">{{ trans('global.delete') }}</span>
</a>
    @endcan
                            
 <div class="modal fade" id="confirm-delete{{ $group->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog">
   <div class="modal-content">
     <div class="modal-header">
      <h4 class="modal-title">Delete Holiday Group</h4>
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
       <span aria-hidden="true">&times;</span>
      </button>
     </div>
    <div class="modal-body">
     <form action="{{route('hr.holiday_groups.destroy',['id'=>$group->id])}}" method="post">
     {{ csrf_field() }}
      <p>Are you sure you want to delete this Holiday Group?</p>
      <div class="modal-header">
      <h4>{{ $group->group_name }}</h4>
     </div>
     </form>
    </div>
    <div class="modal-footer justify-content-between">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="submit" class="btn btn-danger">Delete</button>
     </div>
      </div>
      <!-- /.modal-content -->
      </div>
    <!-- /.modal-dialog -->
   </div>
  <!-- /.modal -->  
 </td>
                                           
</tr>
@endforeach

delete dialogue diagram

当我点击图表中模态表单上的删除按钮时，什么也没发生。它只是停留在屏幕上，不执行任何操作。

我该如何解决这个问题？

谢谢。

【问题讨论】：

您的表单标签在提交按钮之前关闭。将放在提交按钮之后
您的表单中还需要@method('DELETE')

标签： laravel modal-dialog crud

【解决方案1】：

试试这个

<form action="{{route('hr.holiday_groups.destroy',['id'=>$group->id])}}" method="post">
     {{ csrf_field() }}
     {{method_field('DELETE')}}
      <p>Are you sure you want to delete this Holiday Group?</p>
      <div class="modal-header">
      <h4>{{ $group->group_name }}</h4>
     </div>
     <button type="submit" class="btn btn-danger">Delete</button>
</form>

public function destroy($id)
{
    $group = HrHolidayGroup::find($id);
    $group->delete();
    Session::flash('success', 'Holiday Group deleted successfully.');
    return redirect()->route('hr.holiday_groups.index');
}

【讨论】：