Style jQuery de Validation avec Select2 4.0 et Bootstrap 3+

J'ai un projet qui utilise Bootstrap 3.3.4, Select2 4.0, et Jquery Validation 1.13.1

J'ai mis le jquery du programme de validation par défaut, le style bootstrap 3 classes comme

 $.validator.setDefaults({
    errorElement: "span",
    errorClass: "help-block",

    highlight: function (element, errorClass, validClass) {
    $(element).addClass(errorClass);
        $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
    },
    unhighlight: function (element, errorClass, validClass) {
    $(element).removeClass(errorClass);
        $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
    },

    errorPlacement: function(error, element) {
        if(element.parent('.input-group').length) {
           error.insertAfter(element.parent());
        } else {
            error.insertAfter(element);
        }

    }
});

Mais ces valeurs par défaut ne sont pas de style select2 les champs de la même... dans l'image ci-dessous, les "métaux" select est un bootstrap de champ, tandis que les "couleurs" select est une select2 champ.

Style jQuery de Validation avec Select2 4.0 et Bootstrap 3+

J'ai essayé de chercher d'autres SI , mais toutes ces utiliser la 3.5.xx version de select2

J'ai inclus un jsfiddle de l'exemple sur la photo, je suis à la recherche d'ajustements au programme de validation par défaut ont select2 look uniforme

http://jsfiddle.net/z49mb6wr/

Select2 a un Bootstrap thème vous pouvez utiliser.
Merci @KevinBrown , j'ai fait de mettre cela en œuvre ainsi que la modification de la jquery valider les valeurs par défaut, fonctionne très bien maintenant

OriginalL'auteur Jay Rizzi | 2015-06-11