Я пытаюсь изменить стиль элемента, когда он недействителен, например, когда он помечен как required, но пуст.
Итак, я попробовал это:
input:invalid {
background-color: red;
}
Но потому что, когда страница загружается, все входы пусты, все входы становятся красными. Я хочу, чтобы мой required inputs стал красным, когда пользователь пытается отправить.
Таким образом, другим решением было добавить класс для входных данных при попытке отправки. Добавление этого класса при нажатии кнопки «Отправить» путем добавления прослушивателя по событию нажатия кнопки. Тем не менее, вы также можете отправить форму, нажав клавишу ввода в поле, поэтому класс не будет добавлен к входным данным.
Мы можем видеть, что недопустимый стиль по умолчанию применяется только тогда, когда мы отправляем, даже если мы отправили нажав клавишу ввода. Поэтому я пришел к вам, чтобы найти способ сделать то же самое, но со своим собственным стилем.