php - 当用户单击提交按钮时，如何防止退出时出现 JavaScript 警报

Question

我在表单页面上安装了以下 js 代码，以便在用户尝试在填写表单的过程中离开页面时提醒用户:

<script type="text/javascript">
  window.onbeforeunload = function (evt) {
  var message = 'Data you entered may not be saved';
  if (typeof evt == 'undefined') {
  evt = window.event;
  }
  if (evt) {
  evt.returnValue = message;
  }
  return message;
  }
</script>

当用户单击其他链接或选项卡以尝试离开该页面时，它可以正常工作。但是，即使用户单击“提交”按钮以提交表单中的更改，也会弹出 JavaScript 消息。

如何防止表单提交时弹出这个js消息？

Answer 1

在表单的 onsubmit 上，设置一个标志来告诉 onbeforeunload 它可以忽略此卸载尝试。

例如:

<form ... onsubmit="window.nounloadcheck = true; return true;">

在 onbeforeunload 中，您可以执行以下操作:

window.onbeforeunload = function (evt) {
  if(window.nounloadcheck == true) return; // ignore
  ...