Compatibility with selectpicker?

[nextpulse]

Anyone have any tips or know if this is compatible with bootstrap selectpicker?

[xplicit]

I have run into issue that selectpicker (https://github.com/silviomoreto/bootstrap-select) is not validated with bootstrap-validator. The cause of this behaviour is that selectpicker makes the underlying <select> element hidden when bootstrap-validator validates only visible fields

bootstrap-validator/js/validator.js

Line 32 in 1c73a7a

var inputSelector = ':input:not([type="submit"], button):enabled:visible'

If remove :visible part from selector bootstrap-validator starts to validate selectpicker, but this is bad solution. Any ideas how this issue could be resolved are appreciated.

[xward1]

I had the same issue using bootstrap-select (selectpicker). I solved it by doing this:

$('.selectpicker').on('change', function() {
    var m, h, x, $el = $(this);
    var fg = $el.parents('div.form-group');
    if ($el[0].hasAttribute('required') || $el.is('[required]')) {
      if ($el[0].checkValidity() === false) {
        m = $el.data('error');
        h = '<ul class="list-unstyled"><li>' + m + '</li></ul>';
        fg.addClass('has-errors').find('div.help-block').html(h);
        //console.log(m);
      }
      else {
        fg.removeClass('has-errors').find('div.help-block').html('');
      }
    }
  });

[maximelebreton]

+1