При помощи разных типов полей (email, url и др.) или специфических настроек (pattern, min/max и др.) можно указать браузеру, какие именно данные мы ожидаем от пользователя в том или ином поле.

Селектор :valid выберет все элементы, у которых введенное значение удовлетворяет требованиям.

А селектор :invalid соответственно выберет элементы, у которых введенное значение некорректно.

Пример записи:

input:invalid { }