Как активировать событие invalid для форм?

Question

[Serqwezxc]

Как активировать событие invalid для форм, только после того, как была нажата кнопка 'отправить'?

Comments

[Ankhena]

А смысл заставлять пользователя нажимать на кнопку, если можно ему сразу показать, что нужно исправить ошибки?

[Serqwezxc]

Возможно. Тогда другой вопрос есть. Как работает invalid, если даже без взаимодействия с форм, invalid активно по умолчанию. То-есть, если :invalid - red, я спускаюсь к форме и все поля красные, даже если я не нажимал на неё

[Ankhena]

Serqwezxc, :invalid:not(:placeholder-shown)
https://developer.mozilla.org/ru/docs/Web/CSS/:pla...

[Serqwezxc]

Ankhena, супер, спасибо

[Сергей delphinpro]

Не проще ли взять уже готовую js-библиотеку валидации?

[Serqwezxc]

Сергей delphinpro, здание такое - только html5 валидация