验证 html 中的特定隐藏输入字段是否为空

Question

我有一个带有输入字段的 html 表单，用于添加逗号分隔的标签。我以这样一种方式处理它，即有一个主输入，它接受一个字符串，在输入逗号时，一个标签被创建并添加到一个隐藏的输入中。现在我想验证隐藏输入（即带有标签的实际输入字段）在表单提交时是否为空并相应地显示消息。

<div class="control-group">
        <label class="control-label"  >Tags</label>
        <div class="controls">

            <div class="tags-input" id = "tags" name="tags"></div>

        </div>
    </div>

主输入和隐藏输入字段都是在 div 内的 body 负载上动态创建的，使用下面的函数使用类标签输入

function processTag() {
[].forEach.call(document.getElementsByClassName('tags-input'), function (el) {
    let hiddenInput = document.createElement('input'),
        mainInput = document.createElement('input'),
        tags = [];

    hiddenInput.setAttribute('type', 'hidden');
    hiddenInput.setAttribute('name', el.id);
    hiddenInput.setAttribute('id', el.id);
    hiddenInput.setAttribute('required', '');
}

我已经尝试了所有解决问题的方法。 required="required" 不适用于隐藏的输入字段。使用下面的类名验证表单也不起作用

$("#createForm").validate({ 忽略：“：隐藏：不（.do_not_ignore）” });

有人可以帮我提出解决方案吗？

Answer 1

必需是一个反射属性。正确的方法是 element.required = true。如果你想使用 document.getElementsByClassName 你应该使用他的 index[]。