HTML5错误消息

在我的应用程序中，我有多个标签。在选项卡中，我有输入字段，我想在客户端验证这些字段。为此，我尝试使用HTML5属性，例如

required

属性或

pattern

属性。如果我在选择的第一个选项卡中有空字段（字段为必填字段），则会显示错误消息

字段为必填字段
，但当我在其他选项卡（例如，在第三个选项卡中）中有空字段且选择了我的第一个选项卡时，不会显示错误消息

问题
在这种情况下，有没有办法用HTML5组织验证？
是否使用
display:none
隐藏表单元素？如果您的图元不可见，它们将：

报告至少一个约束的问题
在未处理的无效控件中向用户提供的元素。用户代理
可以通过运行
聚焦该元素的步骤，并可能改变滚动位置
或者执行一些其他操作，以使元素
引起用户的注意。用户代理可以报告多个
违反约束。用户代理可以合并相关约束
违规报告（如适用）（例如，如果一个系统中有多个单选按钮
组标记为必需，只需报告一个错误）如果有
未呈现控件的属性（例如，它具有隐藏的
属性集），则用户代理可能会报告脚本错误。

在这种情况下，您必须使用自己的脚本收听
无效的
事件，并执行适当的操作。
需要相关的源代码示例-从您的解释中不清楚您实际在做什么。要显示代码..请发布它