проверка 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>