Проверка jQuery select2 ⇐ CSS

[Anonymous]

Я проверяю свою форму с помощью плагина проверки jQuery. Я меняю раскрывающееся меню стиля с помощью плагина jQuery select2. если подтвердить ошибку обратного вызова, мой ввод показывает/добавляет окно ошибки класса (красная рамка), иначе показывает/добавляет окно успеха класса (зеленая рамка). Это работало при обычном вводе, но не работало в select2. когда я выбираю любое значение для окна выбора окна ошибки (красная рамка), не скрываю/переключаюсь в окно успеха. select2 сработал после нажатия кнопки «Отправить».

JS:

Код: Выделить всё

$('form').validate({
rules: {
firstname: {
minlength: 3,
maxlength: 15,
required: true
},
lastname: {
minlength: 3,
maxlength: 15,
required: true
}
},
highlight: function (element, errorClass, validClass) {
if (element.type === "radio") {
this.findByName(element.name).addClass(errorClass).removeClass(validClass);
} else {
$(element).closest('.form-group').removeClass('has-success has-feedback').addClass('has-error has-feedback');
$(element).closest('.form-group').find('i.fa').remove();
$(element).closest('.form-group').append('[i][/i]')
}
},
unhighlight: function (element, errorClass, validClass) {
if (element.type === "radio") {
this.findByName(element.name).removeClass(errorClass).addClass(validClass);
} else {
$(element).closest('.form-group').removeClass('has-error has-feedback').addClass('has-success has-feedback');
$(element).closest('.form-group').find('i.fa').remove();
$(element).closest('.form-group').append('[i][/i]');
}
},
errorElement: 'span',
errorClass: 'help-block',
errorPlacement: function (error, element) {
if (element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
}
});
$("#lstColors").select2({
placeholder: "Select a Color",
width: "200px"
});

как решить эту проблему?!

ДЕМО: http://jsfiddle.net/hTPY7/1413/

Подробнее здесь: https://stackoverflow.com/questions/249 ... on-select2