Laravel - 删除模式表单中的提交按钮没有响应

Laravel - Submit button in delete modal form not responding

我正在为 Web 应用程序项目使用 Laravel-5.8。除了删除之外,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/web

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

当我在图中的模态窗体上单击删除按钮时,没有任何反应。它只是停留在屏幕上,不执行任何操作。

如何解决这个问题?

谢谢。

试试这个

<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');
}