La Validation de bootstrap-sélectionnez à l'aide de Jquery Valider plugin

Je vais faire de mon mieux pour répondre à votre question en fonction de ce que vous avez décrit, parce que je crois que j'ai rencontré un problème similaire et a été en mesure de le résoudre.

D'abord, je suis en supposant que vous avez initialisé correctement votre select avec le selectpicker() méthode. Ci-dessus, vous avez écrit

$('.selectpicker').selectpicker();

Mais vous n'avez pas tout select éléments avec la classe selectpicker, donc je pense que ce que vous vouliez écrire, a été

$('select').selectpicker();

Lorsque vous appelez selectpicker(), Bootstrap va insérer des éléments supplémentaires (div, button, span, ul, et li) après votre select élément. Mais notez que, Bootstrap sera alors hide() original de votre select élément. Parce que votre select est caché, JQuery validation ignorer la validation de celui-ci lorsque le formulaire est soumis. C'est la question principale.

Dire Jquery Valider pas ignorer vos caché sélectionner les entrées, vous pouvez effectuer les opérations suivantes...

//Initialize form validation rules, submit handler, etc.
$('#frm_editCategory').validate({
  .
  .
  .
});

//The default value for $('#frm_editCategory').validate().settings.ignore
//is ':hidden'.  Log this to the console to verify:
console.log($('#frm_editCategory').validate().settings.ignore);

//Set validator to NOT ignore hidden selects
$('#frm_editCategory').validate().settings.ignore = 
  ':not(select:hidden, input:visible, textarea:visible)';

Pourquoi avez-vous besoin d'inclure input:visible et textarea:visible? Avant, le réglage a été d'ignorer tous caché entrées. Si vous ne ignoré :not(select:hidden), vous ignorez tout de l'entrée qui est pas caché select. C'est trop permissive, bien que, parce qu'un visible input[type=text] est pas caché select. Donc, il aurait également ignoré. Ce que nous voulons, c'est ignorer tout élément qui:

- is *not* a hidden `select`
- *is* a hidden `input`
- *is* a hidden `textarea`

Pour s'adapter à tout cela dans un :not sélecteur, vous voulez ignorer tout élément qui:

- is *not* a hidden `select`
- is *not* a visible `input`
- is *not* a visible `textarea`

Donc...

$('#frm_editCategory').validate().settings.ignore = 
  ':not(select:hidden, input:visible, textarea:visible)';

Voici ce qui a fonctionné parfaitement pour moi:

jQuery /javascript:

$(document).ready(function() {
    $.validator.setDefaults({
        /*OBSERVATION: note how the ignore option is placed in here*/
        ignore: ':not(select:hidden, input:visible, textarea:visible)',

        /*...other options omitted to focus on the OP...*/

        errorPlacement: function (error, element) {
            if (element.hasClass('bs-select')) {
                error.insertAfter('.bootstrap-select');
            } else {
                error.insertAfter(element);
            }
            /*Add other (if...else...) conditions depending on your
            * validation styling requirements*/
        }
    });

    $('#myform').validate({ 
        rules: {
            'year': {
                required: true
            }
        },
        messages: {
            'year': {
                required: 'Please select a year from the dropdown'
            }
        }
    });
});

HTML:

<select class="input-medium bs-select required">
    <option value="">Select Category</option>
    <option>Innovation</option>
    <option>Reusable Components</option>
    <option>BU Connects</option>  
</select>

Explication:

OBSERVATION: Basé sur @Alvin Lee's réponse réglage de la ignore options sur le formulaire de l'élément comme suit était ok, mais ses avertissements;

$('#myform').validate().settings.ignore = 
    ':not(select:hidden, input:visible, textarea:visible)';

Le Problème: Le bootstrap sélectionner l'élément ai validé mais a montré le message par défaut This field is required sur tout autre élément d'entrée à la place de remplaçant avec toutes les messages de validation qui ont été précédemment configuré.

Le correctif: déplacer le ignore mise en $.validator.setDefaults({...}) bloc... cela devrait le faire!