在我的应用程序中，我有多个标签。在选项卡中，我有输入字段，我想在客户端验证这些字段。为此，我尝试使用 HTML5 属性，例如required属性或pattern属性。如果我在选择的第一个选项卡中有空字段（必填字段），则会出现错误消息The field is required，但是当我在其他选项卡（例如第三个选项卡）中有空字段并且选择了我的第一个选项卡时，不出现错误信息。
问题 在这种情况下，有没有办法用 HTML5 组织验证？
问问题
413 次
1 回答
3
您是否使用 隐藏表单元素display: none？如果您的元素不可见，它们将不会触发验证 UI：
向用户报告在未处理的无效控件中给出的至少一个元素的约束问题。用户代理可以在流程中聚焦其中一个元素，通过为那个元素运行聚焦步骤，并且可以改变文档的滚动位置，或者执行一些其他的动作来引起用户的注意。用户代理可能会报告不止一个约束违规。如果合适，用户代理可以合并相关的约束违反报告（例如，如果一组中的多个单选按钮被标记为需要，则只需要报告一个错误）。如果其中一个控件没有被渲染（例如它具有隐藏属性集），那么用户代理可能会报告脚本错误。
invalid在这种情况下，您必须使用自己的脚本来监听事件并执行适当的操作。
于 2012-06-11T13:30:10.453 回答