HTML表单：防止离开页面警告弹出和重置表单？答案

【问题标题】：HTML forms: Prevent leave page warning pop-up and reset form?HTML表单：防止离开页面警告弹出和重置表单？
【发布时间】：2014-01-06 14:09:43
【问题描述】：

我花了几天时间在我的网站上找到了一个表格。但是，无论何时提交，它都不会重置，当我重新加载浏览器时，它会使用之前提交的数据再次发送表单。

我将如何阻止/防止这种情况？

我还想摆脱表单中写入任何数据时弹出的离开页面警告。这样即使有数据没有提交，用户也可以不弹窗离开页面。

（我没有太多时间输入这个问题，所以我以后可能会更改它）

【问题讨论】：

【解决方案1】：

要在提交时清除表单，您可以在表单元素本身添加一些 Javascript，例如：

<form onsubmit="this.submit(); this.reset(); return false;">

为了防止页面退出时出现警告，您是否尝试过：

window.onbeforeunload = null;

【讨论】：

【解决方案2】：

查看 JavaScript onbeforeunload event。它是 Microsoft 引入的非标准 JavaScript，但它适用于大多数浏览器，their onbeforeunload documentation 有更多信息和示例。

【讨论】：

【解决方案3】：

<form action="MAILTO:contact@rikahiyuka.com" method="post" enctype="text/plain">

您不能 POST 到 mailto: 网址。您应该将操作设置为 PHP 页面，该页面会为您发送电子邮件。互联网上有很多 PHP 联系表单的示例。

【讨论】：