Ereignis-Listener gültig für HTML5-Formularen

  1. Neue auf HTML5, es gibt ein "invalid" - event und Sie können fügen Sie einen listener hinzu:
    document.addEventListener('invalid', function(e){
       var element = $(e.target);
       element.addClass("invalid");
       element.parent().addClass("invalid");
    }, true);

    Bitte beachten Sie, dass diese Veranstaltung nur funktioniert, wenn das Formular abgesendet... Wenn ich den Stil der input input:invalid { background: red }der Stil wird angewendet, wenn der Benutzer mit der Eingabe beginnt und seine Eingabe nicht gültig. Ist das event nur gefeuert Einreichen? Ich habe versucht, das hinzufügen der listener an die Eingänge selbst, statt des Dokuments, und es hat nicht funktioniert.

  2. Ich einen listener hinzufügen, um auf einen Stil, um die Eingabe der Eltern... Jetzt, wenn der Benutzer korrigiert werden, es gilt wieder... ich weiß, es gibt kein "gültiges" Ereignis, also, wie kann ich es erreichen?

Ok, also hier ist ein Turnschuh --> http://jsfiddle.net/Osoascam/ceArQ/7/
Die unwirksame Zuhörer zu sein scheint, nur feuerte auf submit... ich wollte nur wissen, ob es einen Weg gibt, um einen Ereignishandler hinzuzufügen, genau wie für den focus. Sehen, wenn Sie eine

Vielen Dank im Voraus,

Óscar

InformationsquelleAutor der Frage | 2011-10-30

Schreibe einen Kommentar