Ich arbeite mit dem Plugin jQuery Validation und habe den folgenden Code geschrieben, der eine Klasse zum Element hinzufügt (<input>) Elternteil (<label>) falls nicht gültig, sowie Einfügen des eigentlichen Fehlerelements (<span>) Vor dem<br>.

das HTML ...

<label>
    text<br><input>
</label>

... und die jQuery.

$("#form_to_validate").validate({
    rules: {
    ...
    },
    errorElement: "span",
    errorPlacement: function(error, element) {
        element.parent().addClass('error');
        error.insertBefore(element.parent().children("br"));
    }
});

Wenn ein Formularelement nicht validiert werden kann, wird es zu:

<label class="error">
    text<span>error text</span><br><input>
</label>

Dies funktioniert jedoch hervorragend, wenn der Inhalt eines Feldes korrigiert und gültig wird und die Klasse offensichtlich nicht von ihrem übergeordneten Element entfernt wird (tatsächlich wird auch das Fehlerelement nicht entfernt, sondern nur eindisplay: none; CSS-Eigenschaft). Wie kann ich überprüfen, ob ein Element gültig ist, und wenn ja, seine übergeordnete Klasse entfernen?

Jede Hilfe wäre sehr dankbar!

Bearbeitet: Weitere Informationen hinzugefügt.