表单隐藏字段和必需的验证使用 [英] Form hidden field and required validation use

问题描述

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

I have an HTML5/Bootstrap form with hidden fields: style="display: none"

我通过 jQuery 显示/隐藏:

which i show/hide via jQuery:

show() | hide()

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

For field validation i use the attribute required.

我想按要求设置所有隐藏字段，但是当其中一些字段没有出现时，表单将无法继续提交.

I want to have all my hidden fields as required but when some of them don't appear then the form can't proceed to submission.

关于如何仅对用户选择显示的字段启用验证的任何想法?

Any thoughts about how can i have validation enabled only to fields displayed by user selections?

推荐答案

你可以使用这个技巧:

在 HTML 表单中:

inside HTML form:

<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;
}

这篇关于表单隐藏字段和必需的验证使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！