JQuery Validation Select2 ⇐ Jquery

[Anonymous]

Я подтверждаю свою форму с помощью плагина проверки jQuery. Я изменяю выпадающее меню в стиле с плагином jQuery Select2. Если подтвердить ошибку обратного вызовов, моя входная ящик Show/Add Class Error (Red Border) Else Show/Add Class Class Box (зеленая граница). Это работало при нормальном входе, но не будет работать в Select2. Когда я выбираю любое значение для поля «Выбрать поле» (красная граница), а не скрыть/переключаться на поле успеха. SELECT2 Работал после нажатия кнопки «Отправить».

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

$('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"
});

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

demo: http://jsfiddle.net/htpy7/1413/

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