Event Listener válido para formularios HTML5

Nuevo en HTML5 hay un evento "no válido", al que puede agregar un oyente:

document.addEventListener('invalid', function(e){
   var element = $(e.target);
   element.addClass("invalid");
   element.parent().addClass("invalid");
}, true);

Tenga en cuenta que este evento solo funciona al enviar el formulario ... Si estilizo la entradainput:invalid { background: red }, el estilo se aplica cuando el usuario comienza a escribir y su entrada no es válida. ¿Ese evento solo se dispara al enviar? Intenté agregar el oyente a las entradas mismas en lugar del documento y no funcionó.

Agrego un oyente para aplicar un estilo al elemento primario de la entrada ... Ahora, cuando el usuario lo corrige, es válido nuevamente ... Sé que no hay un evento "válido", entonces, ¿cómo puedo lograrlo? @

Ok, entonces aquí hay un violín ->http: //jsfiddle.net/Osoascam/ceArQ/7 Parece que el oyente no válido solo se dispara al enviar ... Solo quería saber si hay una manera de agregar un controlador al igual que para enfocar. Vea que si escribe una

Gracias por adelantado

Óscar

Respuestas a la pregunta(4)

Su respuesta a la pregunta