Всем привет!) Помогите решить задачу с валидацией. Проект на Laravel +

Question

Всем привет!) Помогите решить задачу с валидацией. Проект на Laravel +

inertia.js.
Есть многочисленные инпуты на разных страницах, которые используют несколько компонентов, text, select, number, data.
Заполнение большинства инпутов не обязательно, но желательно.
Для этого я хочу подстветить border тех из них, которые не заполнены, а при появлении ошибки валидации усилить выделение.
Сейчас в инпут при ошибке биндится class с дополнительным border-2 (жирный красны), и при незаполненном инпуте class с обычным border(простой красный).
Я хочу в компоненте инпута принять только наличие ошибки и уже в нём в зависимости от этого. То есть убрать в компоненте страницы логику присвоения дополнительных css классов, а оставить её только в компонентах инпутов.
Не пойму, как отловить наличие ошибки в компоненте инпута и в зависимости от этого присвоить доп классы?
На третьем изображении, то как хотелось бы видеть компоненты инпутов на странице.

#frontend #javascript #programming #russian #vue.js

0

30.08.2023

2 ответов

18 просмотров

Андрей 🇷🇺 Автор вопроса

Nikita Ignatovich
Сделать пропсу :error не вариант?

на странице выводит вот так: class="w-full form-control block px-2 py-1 text-base font-normal text-gray-700 bg-white bg-clip-padding {{ border }} rounded transition ease-in-out m-0 focus:text-gray-700 focus:bg-white focus:border-2 focus:border-blue-600 focus:outline-none"

0

30.08.2023

Nikita Ignatovich · Accepted Answer

Nikita Ignatovich

Сделать пропсу :error не вариант?

0

30.08.2023

169 похожих чатов

Всем привет!) Помогите решить задачу с валидацией. Проект на Laravel +

2 ответов

Похожие вопросы