在 HTML 表单成功后防止重新提交

Question

我有一个已添加到我的网页的联系表。填写表格并单击“提交”按钮后，将出现“成功”消息。我用 php 请求做到了这一点。但是，当我在此成功消息后刷新页面时，发送消息的请求再次起作用。我该如何防止这种情况？

Answer 1

您可以使用 javascript window.history.replaceState 方法来防止在页面刷新时重新提交。

<script>
if ( window.history.replaceState ) {
    window.history.replaceState( null, null, window.location.href );
}
</script>

您还可以在提交表单后将页面重定向到同一页面或不同页面。

header('Location:'.$_SERVER['PHP_SELF']);

Prevent resubmission after HTML form succeeds