在滚动或单击多部分表单中的“下一步”按钮之前，需要为表单字段填写或提供空字段警报吗？

Question

我正在构建一个实际上都在一个页面上的多部分表单，它只是使用锚点来产生多个页面的错觉。用户单击链接以继续到下一个片段。

我正在寻找一种方法来提醒您在单击下一步按钮之前填写某些字段，或者可能通过滚动过去某个点。下一个按钮只是一个链接而不是提交按钮，因此之前在互联网上被问过的数十亿次都不适用于这里。

我只是在寻找一个软需求，它并不需要真正强迫他们去做。我不能真正在此表单中提交字段的原因是所有唯一细分和用户可能永远不会根据他们的输入看到具有必填字段的细分。更不用说以 20 步的形式返回以查找您留空的字段会很痛苦。

填写它们并不重要，只是为了给用户一个提示。

Answer 1

关于您想要做什么有点令人困惑，但我会使用 javascript 来创建它。

1. 为 prev/next 按钮添加一个监听器，当它们被点击时调用一个函数。
2. 在此函数中，检查页面上的每个输入，看它们是否为空。
3. 如果它们是空的，以某种方式向用户解释它们是空的（使用警报弹出窗口或某种 CSS 更改）
4. 您可以使用event.preventDefault() 阻止用户导航到下一页。

如果您有任何问题，请告诉我，我正在解释我认为您应该遵循的流程。