如何添加删除确认消息

Posted 2023-02-24

【中文标题】如何添加删除确认消息

【英文标题】：how to add delete confirmation message

【发布时间】：2013-06-07 07:04:35

【问题描述】：

在 html 中，delete_icon 是一个图像类，如果我在其中单击它，email id 将被删除而没有任何确认消息。我想添加一个弹出窗口以在单击 delete_icon 时显示。上面提到的弹出窗口应该打开，如果点击yes，实例应该被删除，否则它应该返回相同的值。我如何在jQuery 或javascript 中实现这一点？

【问题讨论】：

最好使用Zebra Dialog等确认框插件或者jquery UI中的Dialog来处理。因此，您可以处理按钮单击索引上的响应。

有很多事情需要手动处理，请参考以下链接tutorialzine.com/2010/12/better-confirm-box-jquery-css3

@MonkL jQuery 是一个附加库...如果你想要它简单，为什么不在纯 JS 中做呢？

How to show a confirm message before delete? 的可能重复项，我认为这不是 Django 特定的。

【参考方案1】：

试试这个

 $('.delete_icon').click(function()
        if(confirm('Are sure want to delete record?'))
        
  var obj = $(this)
 var csrf_token = " csrf_token ";
 var email =  $(this).attr('value');
 var id =  $(this).attr('id');
 $.ajax( 
  data:csrfmiddlewaretoken: csrf_token,id:id,cancel_email:email,
  type:'POST',
  url: '/report/notification/', 
  cache:false,
  success: function(response)  
      $(obj).parent('p').remove();
      return false;
   
  );
);

);

【讨论】：

你可能想在你的代码或cets之前添加一些解释，以防一些不熟悉代码的人看到它。

【参考方案2】：

嗯。您可以使用简单的 javascript 来执行此操作。

<script type="text/javascript">
function deleteImage(x)
    var conf = confirm("Are you sure you want to delete this image?");
    if(conf == true)
        alert("OK... you chose to proceed with deletion of "+x);
    

</script>

使用默认浏览器确认框。这是函数的使用示例。

<input name="myBtn" type="button" onClick="deleteImage('images/pic.jpg')" value="Delete Image">

【讨论】：

我对默认浏览器确认框不感兴趣，因为在我的应用程序中，使用纯白色背景的弹出框，所以包括默认会看起来很难看，所以我尝试进行自定义，你能告诉我如何在我的情况下自定义它。我正在使用 django web 框架进行开发，我更新了我的 js 代码和 html。

【参考方案3】：

你可以更好的使用如下

 <a href="url_to_delete" onclick="return confirm('Are you sure want to dele');">Delete</a>