无法通过Laravel上的swal确认删除

时间:2019-11-15 14:36:45

标签: javascript jquery laravel laravel-5 laravel-blade

嘿,当用户确认删除没有任何反应时,我对swal状况有一些疑问 (swal版本7.0.7)

有小码

<form id="del_type" action="{{ route('admin.type.destroy', $type->id) }}" method="post"style="display: inline">
     {!! method_field('delete') !!}
     {{ csrf_field() }}
<button class="btn btn-danger  delete_type" type="submit" >Supprimer</button>
</form>
$(".delete_type").click( function (e) {
    e.preventDefault();
    var _this = $(this)

    //console.info(_this.parent().prop('action'))
    swal({
        title: "Attention",
        text: "Veuillez confirmer la suppression",
        type: "warning",
        showCancelButton: true,
        confirmButtonText: "Confirmer",
        cancelButtonText: "Annuler",
    }, function(result) {
        if(result) {
            $('#del_type').submit();
        } else {
            swal('cancelled');
        }
    });
});

当我单击“删除”按钮时,它会显示带有“确认”和“取消”按钮的小标题,但是当您单击“确定”时,什么也没有发生,也没有提交 (对不起我的英语)

2 个答案:

答案 0 :(得分:2)

根据官方文档,您必须使用promise并选中result.value

https://sweetalert2.github.io/v7.html

所以,尝试像这样重写它:

Swal({
    title: "Attention",
    text: "Veuillez confirmer la suppression",
    type: "warning",
    showCancelButton: true,
    confirmButtonText: "Confirmer",
    cancelButtonText: "Annuler",
}).then((result) => {
    if (result.value) {
        $('#del_type').submit();
    } else {
        swal('cancelled');
    }
})

答案 1 :(得分:0)

您可以不使用swal。

$(".delete_type").click( function (e) {
    if(!confirm('Do you want to Delete ?')){
            return false;
       }
  $('#del_type').submit();
});