表单视觉隐藏字段和所需验证使用

我有一个带有隐藏字段的 HTML5/Bootstrap 表单：style="display: none"

我通过 jQuery 显示/隐藏：

show() | hide()

对于字段验证，我使用属性required.

我希望所有隐藏字段均按要求显示，但当其中一些字段未出现时，表单将无法继续提交。

关于如何仅对用户选择显示的字段启用验证有什么想法吗？

你可以使用这个技巧：

HTML 表单内：

<input type="text" name="username" required="required" class="input-hidden">

CSS 类：

.input-hidden{
        height:0;
        width:0;
        visibility: hidden;
        padding:0;
        margin:0;
        float:right;
}