javascript - 如何防止表单提交时刷新时重新提交表单

Question

我正在使用nodeJs、handlebars和JavaScript通过post操作提交表单，但是由于在提交表单时要在数据库中存储大量数据，因此表单提交需要时间，如果有人刷新页面，它会在数据库中创建重复的数据。你能告诉我如何防止这种情况发生吗？

我创建一个按钮来提交表单并使用 Js 进行提交，如下所示。

function sumitform() {
  var myform = document.getElementById("myForm");
  myform.submit();
}

<form id="myForm" action="/path/toNodePostApi" method="post">
  <input name="name" value="{{{data}}}">
  <input id="btnsubmit" class="btn" type="button" value="submit" onclick="sumitform()">
</form>

Answer 1

您可以在按下后禁用该按钮，但这不会让用户表单“刷新”页面并重新提交值。

就我而言，我在执行此操作时会显示“正在工作或正在提交”图标，但您必须在服务器端进行验证。这只会让用户知道页面正在处理某些事情，然后再点击刷新。