Javascript 和 Django - 确认()取消不应遵循 href

Question

我在项目中使用 Django，但在使用 confirm 函数时遇到一些问题，以防止从数据表选项中删除项目。

尽管在确认弹出窗口中取消，该链接仍然将我发送到默认链接 href 并且该对象被删除。

这是我的 HTML:

<a class='btn btn-danger btn-xs' id="elimina-objeto" onclick="confirmaEliminacion()" href="{% url 'eliminarQueja' queja.id %}">Eliminar</a>

还有我的 JS:

function confirmaEliminacion() {
  var res = confirm("Va a eliminar el objeto seleccionado. Si desea continuar, pulse aceptar.");

  if (res) {
    return false;
  } else {
    document.getElementById("elimina-objeto").href = "#";
  }
}

Answer 1

对 HTML 进行一些小更改:

<a class='btn btn-danger btn-xs' id="elimina-objeto" onclick="return confirmaEliminacion()" href="{% url 'eliminarQueja' queja.id %}">Eliminar</a>

此外，如果用户想要删除并遵循原始 href，您应该从 javascript 函数返回 true，如果用户不想删除，则应该返回 false。不需要更改 href 值本身:

function confirmaEliminacion() {
  var res = confirm("Va a eliminar el objeto seleccionado. Si desea continuar, pulse aceptar.");
    if (res) {
        return true;
    } else {
        return false;
    }
}