jquery - 单击提交表单之前确认对话框

Question

我正在使用 Laravel 5.4。我有一个 POST 路线:

Route::post('hotel/delete/{slug}', ['as' => 'delete-hotel', 'uses' => 'Backend\HotelController@postDelete']);

在索引页面中，我有一个带有表单提交的 anchor 标记。目前，当单击 anchor 标记时，会提交隐藏的表单。

<a href="{{ route('delete-hotel', $hotel->slug) }}" class="btn btn-operation btn-danger" 
    onclick="event.preventDefault(); 
    document.getElementById('delete-form').submit();"> 
    <i class="fa fa-close"></i> Delete</a> 

<form id="delete-form" action="{{ route('delete-hotel', $hotel->slug) }}" 
    method="post" style="display: none;">
    {{ csrf_field() }}
</form>

但是，我想显示一个确认对话框。从用户点击结果来看，如果用户点击ok，则删除该项目；如果用户点击cancel，则不执行任何操作。

感谢您的帮助。谢谢您

Answer 1

我认为你应该使用 javascript 默认 confirm()

HTML 部分

<a href="{{ route('delete-hotel', $hotel->slug) }}" class="btn btn-operation btn-danger" onclick="return confirmation();"> 

脚本

function confirmation(){
    if(confirm('are you sure?')){
        document.getElementById('delete-form').submit();
    }else{
        return false;
    }   
}

希望对您有帮助。

更新

可能您在表单提交之前重定向到 href url。因此，请制作您的链接

<a href="javascript:void(0)" class="btn btn-operation btn-danger" onclick="return confirmation();">