Używam Bootstrap Twittera jako mojego projektu dla projektu, nad którym pracuję. Próbuję zweryfikować prosty formularz kontaktowy za pomocą wtyczki jQuery Validate, ale powoduje to pewne bóle głowy.

Chcę dodaćBłąd lubWażny klasa dorodzic div danych wejściowych każdego formularza. Oto mój kod formularza:

<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>

Jak widzisz mójdiv.control-group jest div, do którego chcę dodać klasę. Próbowałem użyćatrakcja (jak sugerowanotutaj, ale to po prostu nie zadziałało) ierrorPlacement (patrz poniżej), ale nie robię tego poprawnie.

Idealnie chciałbym, aby klasa została dodana / usuniętana klucz dzięki temu zachowuje wielką funkcjonalność oferowaną przez wtyczkę. Ten prosty kod działa, ale nie usuwa klasy i działa tylko po przesłaniu formularza:

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

Czy ktoś może zasugerować, jakiej opcji powinienem użyć, aby to osiągnąć ?!

Z góry dziękuję - mogę podać dodatkowe informacje w razie potrzeby!