Question

所以我有一个HTML表单，当单击编辑按钮时，显示特定部分的文本字段。单击该按钮时，会更改封闭div上的属性，并且CSS会交换标签和字段。

这是CSS：

div.panel[status = 'view'] .content-label,
div.panel[status = 'edit'] .content-field,
div.panel[status = 'view'] .section-edit,
div.panel[status = 'edit'] .section-save {
    display: block;
}
div.panel[status = 'edit'] .content-label,
div.panel[status = 'view'] .content-field,
div.panel[status = 'edit'] .section-edit,
div.panel[status = 'view'] .section-save {
    display: none;
}

我的问题是，当某些内容字段输入处于隐藏状态时，仍会在onSubmit事件发生时触发表单验证。我收到一条错误

An invalid form control with name='name' is not focusable.

现在，当我看到它时，表单控件元素不可聚焦，它是不可见的。这让我不得不寻找一种仍然可以进行验证的方法，但只会让它出现在可见的元素中，因为在不同的情况下，有些会被看到，而有些则不会。

我使用的是Bootstrap 3，JQuery，当然还有HTML / CSS。理想情况下，我希望避免将JavaScript逻辑与字段的显示/隐藏联系起来，因为我喜欢我发现的轻量级CSS解决方案。

非常感谢帮助。

Bootstrap正在验证隐藏字段

0 个答案: