在离开网页之前提示用户填写表单 - 通过 Javascript

Question

我的网页上有一个网络表单。在用户离开页面之前，我想要一条 JavaScript 弹出消息，询问用户是否已完成带有“是”或“否”按钮的表单。如果用户单击“是”，他们就会被带到他们想要访问的页面。但是，如果用户单击“否”，则用户仍保留在此页面上。

我对 Javascript 不太熟悉，所以任何指导将不胜感激。我怀疑我会使用如下内容：

<ELEMENT onbeforeunload = "handler" ... >

提前致谢。

斯普利特 P。

Answer 1

我不确定这是否是其他人要求您做的事情，或者您认为这是一个好主意，但让我说，如果您有选择，请不要这样做。 如果用户想要离开页面，请让他们离开页面，而不告诉他们他们已经知道的事情。此外，一些现代浏览器已经内置了此功能，因此它只是给用户增加了另一层烦人的麻烦。

话虽如此，请查看此页面，它会告诉您需要了解的所有信息。

onbeforeunload 的奇怪之处在于，如果您在事件处理程序中返回任何内容，它会弹出一个确认警报框，询问用户是否真的确定要离开页面

......

您可以通过在 return 语句中包含一个字符串来在这两行之间插入您自己的解释文本。例如：

<script type="text/javascript">
  window.onbeforeunload = function () {
    return "The text you want the alert box to say.";
  }
</script>

Answer 2

2 1 件事（感谢 @horray 我正在帮忙）。

您最好检测表单是否已以编程方式填写，然后如果用户单击继续而没有提供关键数据，请向他们询问。如果他们决定不提供，那就让他们走吧。

例如：

var requiredField = document.getElementById("required");
if (requiredField.value == "")
{
    if (!confirm("Are you sure you want to go without saving your work?")){
       requiredField.focus();
    }
}

您可以将其放入链接的点击处理程序、提交按钮或您提到的 beforeunload 事件中。