Проверка определенного скрытого поля ввода в html для не пустых - PullRequest
Новая
       26

Проверка определенного скрытого поля ввода в html для не пустых

1 голос
/ 03 июня 2019

У меня есть 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 с помощью тега-ввода класса с использованием функции ниже 

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"). Проверки ({ игнорировать: ": hidden: not (.do_not_ignore)" });

Может ли кто-нибудь помочь мне предложить решение для этого?

1 Ответ

0 голосов
/ 04 июня 2019

Обязательно является отраженным атрибутом. Правильный подход это element.required = true. И если вы хотите использовать document.getElementsByClassName, вы должны использовать его index [].

...