javascript - 即使在页面刷新后也只允许在表单上提交一次的前端解决方案

Question

我正在尝试找到一种解决方案，只为我正在处理的前端项目提交一次表单。该页面应仅允许提交一次，并且应忽略任何后续尝试提交。我曾想过以某种方式使用 cookie，但我对它们不太熟悉，所以我真的不知道这是否是正确的方法。我现在几乎不知所措。

标签： javascriptformscookiesfrontend

Answer 1

您可以使用localstorage. 使用getItemandsetItem方法检索和存储值：

localStorage.setItem("isDisabled", "true"); // to store the value
localStorage.getItem("isDisabled"); // to retrieve the value

另一种解决方案可能是将布尔值存储在数据库中并进行 API 调用以存储和检索其值。这样，它将在不同的浏览器和机器上工作。

PS localstorage 只接受字符串值，并在清除浏览器缓存时被清除。