Как вывести текст под инпутом, если он пустой?

У меня есть два инпута, мне нужно сделать так, чтобы если они были пустые, то на кнопку нельзя было нажать и под инпутами выводилось "Это поле должно быть заполнено"

введите сюда описание изображения

Вот как примерно это должно выглядеть


Ответы (1 шт):

Автор решения: Ivan Chuzhmakov

параметр required для элементов html. Для его стилизации можно использовать компоненты bootstrap

<div class="col-md-6">
<label for="validationCustom03" class="form-label">Город</label>
<input type="text" class="form-control" id="validationCustom03" required>
<div class="invalid-feedback">
  Укажите действующий город.
</div>

введите сюда описание изображения

→ Ссылка