0

我有一个 JavaScript，当我点击删除时，它会弹出确认，在我删除之前，它在 Mozilla Firefox 和 Google Chrome 中运行良好。但是当我在 IE8 中单击删除时，它会弹出确认信息，当文件被删除时，它拒绝删除。有没有人可以解决这个问题？这是我下面的片段

扳机

<?php echo '<td><a href="delete.php?staff_id=' . $row['staff_id'] . '"><input type="button" onclick="confirmDelete(event)" value="delete"></a></td>'; ?></td>

删除确认片段 

function confirmDelete(e) {
 if(confirm('Are you sure you want to delete this Record?'))
   alert('Record Deleted !');
 else {
  alert('Cancelled !');
  e.preventDefault();
 }
}
</script>
4

3 回答 3

2

我认为 IE 8 不喜欢链接中的 <input> 标记。您可以将 onclick 处理程序添加到“<a>”标签：

<?php echo '<td><a href="delete.php?staff_id=' . $row['staff_id'] . '" onclick="confirmDelete(event)">Delete</a></td>'; ?>

顺便说一句：你有两个“</td>”，一个在 php-block 之外。

编辑

第二个想法：由于删除操作会更改应用程序的状态，因此最好“发布”数据。所以更好的方法是：

<form action="delete.php" method="post" onsubmit="confirmDelete(event)">
<div>
    <input type="hidden" name="staff_id" value="<?php echo $row['staff_id']; ?>" />
    <input type="submit" name="submit" value="Delete" />
</div>
</form>

在 PHP 中，您可以通过 $_POST['staff_id'] 访问 staff_id。

编辑2：

更新了 javascript，两种方法（链接和按钮）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>test</title>
<script type="text/javascript">
//<![CDATA[
function confirmDelete() {
    if (!confirm('Delete?')) {
        return false;
    }
    return true;
}
//]]>
</script>
</head>
<body>
    <h1>Version 1 (link)</h1>
    <div>
        <a href="delete.php?staff_id=1" onclick="return confirmDelete()">Delete</a>
    </div>

    <h1>Version 2 (button)</h1>
    <form action="delete.php" method="post" onsubmit="return confirmDelete()">
    <div>
        <input type="hidden" name="staff_id" value="<?php echo $row['staff_id']; ?>" />
        <input type="submit" name="submit" value="Delete" />
    </div>
    </form>
</body>
</html>

在 IE 7-10 和 FF 中测试。

问候，

于 2013-09-30T07:44:28.503 回答
1

发生这种情况是因为 FF 和 IE 以不同的方式冒泡点击事件。

问题是你的按钮在标签内，它有自己的点击处理程序。

你应该尝试这样的事情：

<a href="delete.php?id=1" onclick="confirmDelete(event)">delete</a>

甚至更简单：

<a href="delete.php?id=1" onclick="return confirm('Are you sure?')">delete</a>

这将在所有浏览器中以相同的方式工作。

于 2013-09-30T07:41:41.953 回答
0

当我们从数据库中删除任何内容时，您也可以使用两次确认消息。这是代码 

function confirmDelete() {
    var cont = false;
    cont = confirm('Warning! Delete this membership level?')
    if (!cont) {
        return false;
    }
    cont = confirm('Last Warning! Are you really sure?\nDeleting this membership level cannot be undone!');
    if (!cont) {
        return false;
    }
    return true;
}

<a href="action=delete_level&id=<?php echo $member_level; ?>" onclick="return confirmDelete()">Delete</a>

谢谢..

于 2014-01-02T11:45:55.137 回答