所有用户在提交后动态隐藏表单

Question

我有一个挑战我即将开始工作。我需要在用户提交其电子邮件地址后动态隐藏表单，并在该事件之后将该表单隐藏给所有其他访问者。我能找到的最接近的是下面的链接：

Dynamically hide form on submit?

访问者将输入他们的电子邮件地址，以在竞赛中获得26个点之一，我不希望每个提交表单有多个参赛者。

让我知道我是否可以澄清。

Answer 1

应动态生成页面，以便仅在收集的电子邮件少于26封时才呈现表单。

每当提交表单时，您应该检查您收集了多少，如果少于26，则存储用户的电子邮件。

否则，如果用户提交表单（因为他在收集26封电子邮件之前加载了他的页面），则处理提交但是检查到目前为止收集的数量，并通知用户他已经太晚了。

如果你想更进一步，你可以在每个呈现的页面上包含一个Ajax轮询函数，该页面不断检查服务器以查看收集的电子邮件数量，一旦达到26，您就可以从DOM中自动删除表单

Answer 2

您需要有一个后台循环来轮询您的服务器以查看是否有剩余的可用插槽。一旦该计数器达到零，您将隐藏表单并将其替换为另一条消息。

使AJAX脚本加载的标准JavaScript计时器应该足够了。