如何在ASP MVC中显示sweetAlert验证删除对话框 [英] How to show sweetAlert Validation Delete Dialog in ASP MVC

问题描述

我正在使用SQL Server开发ASP MVC 5 Web应用程序.我正在尝试通过具有javascript功能的按钮删除配置文件(数据库中的客户端).

I am developing an ASP MVC 5 web application using SQL Server. I am trying to delete a profile (client in database) via a button with javascript function.

单击按钮，配置文件将被删除，但不会出现验证对话框.我不知道是什么原因，但我怀疑javascript代码是否有问题.

Clicking on the button, the profile is deleted but the validation dialog doesn't appear. I don't know what the reason is but I doubt that there is an issue with the javascript code.

我还尝试创建另一个没有提交的按钮，以验证sweetAlert过程.而且效果很好.

I tried also to create another button without submit, in order to verify the sweetAlert process. And it worked well.

这是我的观点:

    @using (Html.BeginForm("Delete", "Client", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
    {
 <input type="submit" value="Delete" class="btn btn-default" onclick="remove()">
    }
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">function remove() {
    swal({
        title: "Are you sure?",
        text: "Once deleted, you will not be able to recover your profile!",
        icon: "warning",
        buttons: true,
        dangerMode: true,
    })
.then((willDelete) => {
    if (willDelete) {
        swal("Poof! Your profile has been deleted!", {
            icon: "success",
        });
    } else {
        swal("Your profil is safe!");
    }
});
}
  </script>

我的控制器:

[HttpPost]
    public ActionResult Delete(int id, Client cmodel)
    {
        try
        {
            ClientManagement cdb = new ClientManagement();
            if (cdb.DeleteClient(id))
            {
                TempData["Message"]= "Client Deleted Successfully";
            }
            Session.Abandon();
            return RedirectToAction("Index", "Home");


        }
        catch
        {
            return View();
        }
    }

更新:查看:

    <input type="button" value="Delete" class="btn btn-default" onclick="remove()">
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
    function remove() {
        swal({
            title: "Are you sure?",
            text: "Once deleted, you will not be able to recover your profile!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
    .then((willDelete) => {
        if (willDelete) {
            $.ajax({
                type: "POST",
                url: "/Client/Delete",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    swal("Poof! Your profile has been deleted!", {
                        icon: "success",
                    }).then(function () {
                        window.location.href = "/Home/Index"
                    });

                },
                failure: function (response) {
                    alert(response.responseText);
                },
                error: function (response) {
                    alert(response.responseText);
                }
            });

        }
        else {
            swal("Your profil is safe!");
        }
    });
    }
  </script>

推荐答案

您正尝试更新onclick默认行为，但未在JavaScript代码中使用preventDefault.

You are trying to update onclick default behavior but you're not using preventDefault in your javascript code.

event.preventDefault()

这篇关于如何在ASP MVC中显示sweetAlert验证删除对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！