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

Question

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

有没有办法通过javascript“自动”检测这些输入（意思是没有对所有输入进行迭代并手动检查内容）或者是否有更好的地方来触发我的叠加层，例如当表单被提交给服务器

Answer 1

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

Answer 2

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

希望这有帮助。