Ich verwende Twitter's Bootstrap als Framework für ein Projekt, an dem ich arbeite. Ich versuche, ein einfaches Kontaktformular mit dem jQuery Validate-Plugin zu validieren, aber es verursacht einige Kopfschmerzen.

Ich möchte eine hinzufügenError oderGültig klasse zumElternteil div der Eingabe jedes Formulars. Hier ist mein Formularcode:

<code> <form id="msg-form" class="">
    <fieldset>
        <div class="input-prepend control-group pull-left">
            <span class="add-on">@</span>
            <input class="span3 required email" id="inputEmail" name="msg-email" type="text" placeholder="[email protected]">
        </div>
        <div class="input-prepend control-group pull-left">
            <span class="add-on"><i class="icon-user"></i></span>
            <input class="span3 required" id="inputName" name="msg-name" type="text" placeholder="Joe Bloggs">
        </div>
        <div class="input-prepend control-group">
            <span class="add-on" style="height: 53px;"><i class="icon-pencil"></i></span>
            <textarea class="span3 required" id="textarea" name="msg-comments" rows="2" style="height: 53px" placeholder="Just say hi, or tell us how we can help"></textarea>
        </div>
        <button type="submit" class="btn pull-right">Submit<i class="icon-chevron-right"></i></button>
    </fieldset>
</form> 
</code>

Wie Sie sehen können, meinediv.control-group ist das div, zu dem ich die Klasse hinzufügen möchte. Ich habe versucht, die zu verwendenMarkieren (wie vorgeschlagenHier, aber das hat einfach nicht funktioniert) &errorPlacement (siehe unten) aber ich mache es nicht richtig.

Idealerweise möchte ich, dass die Klasse hinzugefügt / entfernt wirdbei keyup So behält es die großartige Funktionalität, die das Plugin bietet. Dieser einfache Code funktioniert, aber er entfernt die Klasse nicht und funktioniert nur beim Absenden des Formulars:

<code>$("#msg-form").validate({
    errorPlacement: function(error, element) {
        $(element).parent('div').addClass('error');
    }
});
</code>

Kann jemand vorschlagen, welche Option ich verwenden sollte, um dies zu erreichen ?!

Vielen Dank im Voraus - ich kann zusätzliche Angaben in erforderlich machen!