如何添加删除确认消息

Question

在HTML中，delete_icon是一个图片类，如果我点击它，电子邮件ID将不需要任何确认信息被删除。我想在delete_icon被点击时添加一个弹出窗口来显示。上面提到的弹出窗口应该打开，如果点击了yes，则实例将被删除，否则将返回相同的结果。我如何在jQuery或JavaScript中实现这一点？

- Monk L

---

最好使用确认框插件，例如 Zebra Dialog 或 jquery UI 中的 Dialog 来处理它。相应地，您可以在按钮点击索引上处理响应。 - Akhilesh Sharma

请参考以下链接，因为有很多需要手动处理的事情：http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/ - Akhilesh Sharma

@MonkL jQuery是一个额外的库... 如果你想要简单，为什么不用纯JS来完成呢？ - Jeff Noel

可能是如何在删除之前显示确认消息？的重复问题，我认为这不是Django特定的。 - Ciro Santilli OurBigBook.com

Answer 1

您可以按照以下方式更好地使用：

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

- Raghav Rach

Answer 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">

- Edwin Lunando

---

我对默认的浏览器确认框不感兴趣，因为在我的应用程序中，使用纯白背景的弹出框，包括默认的会显得很丑陋，所以我尝试进行自定义。你能告诉我如何在我的情况下进行自定义吗？我正在使用 Django Web 框架进行开发，我已经更新了我的 JS 代码和 HTML。 - Monk L

Answer 3

试试这个

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

});

- sangram parmar

---

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