jQuery validate изменить цвет фона элемента

jQuery.validate по умолчанию не меняет цвет фона недопустимого элемента. Можно ли также изменить цвет фона элемента select ? Большинство моих элементов - это input type = "text" , но мне нужен индикатор для выбранных элементов формы. Я не использую сгенерированные по умолчанию сообщения, поскольку они не соответствуют моему макету.

Следующий код изменяет цвет фона ввода элементы, но он никогда не возвращается к своему предыдущему стилю:

 $('form[name="register"]').validate({
        errorClass: 'jqInvalid',
        rules: {
            fnameCreate: "required", //input
            monthCreate: "required", //select
            emailCreate: { required: true, email: true }, //input
            passwordCreate: "required", //input type=password
        },
        messages: {
            fnameCreate: "",
            monthCreate: "",
            emailCreate: "",
            passwordCreate: "",
        },
        errorPlacement: function (error, element) {
            element.css('background', '#ffdddd');
        }
    });

Edit (sample)

<div class="field">
  <div class="labelName_fb">
    <label for="email">Email</label>
  </div>
  <div class="divforText3">
    <div class="divLeft"></div>
    <div class="textbox-image3">
      <input class="txt required" id="emailCreate" name="emailCreate" value="" maxlength="100" type="text"  style='width:180px'>
    </div>
    <div class="divright"></div>
  </div>
</div>

Где элементу input при ошибке присваивается класс ошибки jqInvalid .

CSS

/* line 3 */ .error { background: #ffdddd; } /* I have since removed the errorClass option */
/* line 254 */ .field .txt {background:transparent none repeat scroll 0 0;border:medium none;color:#000;font-size:11px;width:130px; margin:5px 0;}

CSS screenshot in Chrome

8
задан David Fox 27 September 2010 в 17:05
поделиться