Слушатель событий действителен для форм HTML5

Новое в HTML5 есть "недопустимое" событие, к которому вы можете добавить слушателя:

 document.addEventListener ('invalid', function (e) {
var element = $ (e.target); 
element.addClass ("недопустимый"); 
element.parent (). addClass ("недопустимый") ; 
}, true); 
 

Обратите внимание, это событие работает только при отправке формы ... Если я задаю стиль ввода input: invalid {background: red} , стиль применяется, когда пользователь начинает печатать, а его ввод недействителен. Это событие запускается только при отправке? Я попытался добавить слушателя к самим вводам вместо документа, и это не сработало.

Я добавляю слушателя, чтобы применить стиль к родительскому элементу ввода ... Теперь, когда пользователь исправляет его, он снова действителен ... Я знаю, что нет "действительное" событие, так как я могу его выполнить?