проверка input-gruop с помощью vue-formulate

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

Но я также хочу, чтобы только пустой ввод получил красную рамку (или: получить подтверждение как ошибку). Если я проверяю каждый ввод и группу, я получаю четыре сообщения об ошибках, я могу "отключить" сообщения, установив:validation-messages="{ required: ' ' }" (пробел, а не пустая строка)

Но это решение не выполняет повторную проверку группы, если ввод становится недействительным.

В качестве альтернативы я могу только проверить группу, но тогда я не могу решить, какой ввод не проверяет, и поэтому либо все, либо ни один красный цвет.

Вот мой код (тип, имя и метки удалены для краткости)

<formulate-input
  type="group"
  validation="address"
  :validation-rules="{ address: addressRule }"
  :validation-messages="{ address: 'Pflichtfeld' }"
>
  <formulate-input
    validation="required"
    :validation-messages="{ required: ' ' }"
  ></formulate-input>
  <formulate-input
    validation="required"
    :validation-messages="{ required: ' ' }"
  ></formulate-input>
  <formulate-input
    validation="required"
    :validation-messages="{ required: ' ' }"
  ></formulate-input>
</formulate-input>

0 ответов

Другие вопросы по тегам