search

MastersAcademy / frontend-course-2019

Репозиторій з курсу «Advanced Front-end» проекту Masters Academy
https://www.facebook.com/cherkasy.masters/
MIT License
4 stars 19 forks source link

Completed homework 7 js #165

Closed AlexKuskov closed 4 years ago

AlexKuskov commented 4 years ago

https://alexkuskov.github.io/frontend-course-2019/homeworks/alexandr.kuskov_AlexKuskov/homework_4_js/

AlexKuskov commented 4 years ago

element.classList.toggle() не дуже підходить в випадку форми, так як після кліку на сабміт, стан поля буде мінятися вне залежності від того, буде це поле валідним чи не валідним.

TArch64 commented 4 years ago

@AlexKuskov можна зробити отак

inputEl.classList.toggle('field--invalid', isInvalid);
inputEl.classList.toggle('field--valid', !isInvalid);

Тоді у тебе є 2 класа які переключаються між валідним та не валідним станами філда. А в css просто описуєш як вони будуть виглядатм