Подтвердите Magicsuggest без взаимодействия

Question

Я хотел бы знать, как лучше всего проверить MagicSuggest без взаимодействия с пользователем (т. Е. Прикасаться к нему) для визуального отображения сообщений об ошибках. Если кто-то открывает страницу с окном MagicSuggest, но нажимает кнопку отправки, не взаимодействуя с окном MagicSuggest, я хотел бы, чтобы окно было проверено, а invalidCls (т. Е. Классы добавлены, когда поле недопустимо) активировались, чтобы ошибки отображается визуально на экране.

Единственный способ, который я могу найти прямо сейчас (используя Angular, Bootstrap 4 и TypeScript), это:

<div class="form-group">
    <label for="participants" class="form-control-label">Participants</label>
    <div id="msParticipantDiv"></div>
    <div class="invalid-feedback">
        Please choose a participant(s)
    </div>
</div>

...

function setupMs() {
   magicSuggestBox: any = $('#msParticipantDiv).magicSuggest({
       ...
       required: true,
       invalidCls: 'is-invalid',
       ...
    });
}

function validate() {
    magicSuggestBox.input.focus();
    magicSuggestBox.input.blur();
}

Я чувствую, что этот путь не элегантен, и я хотел бы найти лучший путь. Метод isValid() только проверяет, является ли поле действительным, но не вызывает invalidCls.

Спасибо!