javascript - 当表单真正提交时，通过 Javascript 或 JS 事件检查“必需”？

Question

我有一个 Web 应用程序，我在其中显示“处理请求”覆盖以锁定 UI，而服务器（=嵌入式设备 => SLOW）正在处理我在按下提交按钮时触发的请求。
现在我遇到了问题，一些输入required="required"设置了属性，如果这样的输入为空，我的叠加层会锁定屏幕，并且在后台您可以看到“此字段是必需的”消息而没有机会填写它，因为叠加层。

有没有办法通过javascript“自动”检测此类输入（意味着不迭代所有输入并手动检查内容）或者有更好的地方来触发我的覆盖，比如当表单被提交到服务器时？

Answer 1

您可以使用 HTML5 表单和表单元素有一个方法checkValidity()。但仅在现代浏览器中受支持。如果您想要后备，请使用@Ved 的回答。阅读更多@MDN

Answer 2

在您提交表单之前，应首先验证表单的所有输入。如果此验证成功，那么只有您应该显示覆盖。因此，只需将显示的覆盖代码放在验证部分（显示“必填字段”的消息）下。

希望这可以帮助。