Html - 在ONE提交过程中阻止其他提交事件？

Question

我有一个带有两个按钮的窗体 - submitSave和submitProcessed。

submitSave将触发代码在status =“saved”的数据库中创建一个条目。 submitProcessed将查找先前创建的条目并执行其他逻辑。如果找不到任何条目，则会创建一个新条目。

某些测试用例发生了什么事情，有时用户单击了submitSave按钮，数据库仍处于创建该条目的过程中。然后用户再次快速点击submitProcessed按钮 - 因为表中的上一个条目尚不可用，所以会创建一个重复的条目。

关于如何处理这个问题的任何想法，所以它不会在表中创建重复的条目？我想在一个按钮被点击后禁用另一个按钮。

Answer 1

隐藏submitProcessed并显示它一旦submitSave已完成处理

第二个选项： 在submitSave点击设置一个变量“处理”，以肯定和否定做

时，当有人点击submitProcessed按钮，它将检查变量状态是否为yes，并将相应地执行任务。

Answer 2

1. 使用位于顶部的div（z-index）覆盖屏幕以停止发生点击。一旦你的过程完成，删除这个覆盖。

2. 禁用您不希望用户点击的按钮，直到它们被允许点击它们。

3. 使用信号量变量来告诉您何时允许或停止发生点击。一旦发生点击，将该变量设置为告诉其他点击，直到该变量表示他们可以处理为止。

4. 隐藏您不希望用户点击的按钮，直到它们被允许点击它们。