Я использую Twitter Bootstrap в качестве основы для проекта, над которым я работаю. Я пытаюсь проверить простую контактную форму с помощью плагина jQuery Validate, но это вызывает некоторые головные боли.

Я хочу добавитьError или жеValid класс кparent div каждой формы ввода. Вот мой код формы:

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

Как вы можете видеть моиdiv.control-group это div, к которому я хочу добавить класс. Я пытался использоватьhighlight (как предложеноВот, но это просто не сработало) & amp;errorPlacement (см. ниже), но я делаю это неправильно.

В идеале я хочу, чтобы класс был добавлен / удаленon keyup так что он сохраняет отличную функциональность, которую предлагает плагин. Этот простой код работает, но он не удаляет класс & amp; работает только при подаче формы:

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

Кто-нибудь может предложить, какой вариант я должен использовать, чтобы достичь этого ?!

Заранее спасибо - могу предоставить любые дополнительные детали в случае необходимости!