Not working with bootstrap selectpicker

[JanathDilshan]

<label for="select" class="control-label">Title</label>
 <div class="form-input">
 <select class="selectpicker form-control" title="Please Select" id="select" name="select" required>
 <option value=""></option>
 <option value="1">Mr</option>
 <option value="2">Mrs</option>
 <option value="3">Ms</option>
 <option value="4">Miss</option>
 <option value="5">Dr</option>
</select>
<div class="help-block with-errors"></div>

This is my code sample. When I remove selectpicker, the validation working fine. Might be conflicting with bootstrap selectpicker plugin?

[1000hz]

Can you put an example on JSBin? Here's a template: http://jsbin.com/zofugirigi/1/edit

[JanathDilshan]

Here it is. http://jsbin.com/vixedijere Validation not working.

I'm using bootstrap selectpicker plugin. https://silviomoreto.github.io/bootstrap-select/

[JanathDilshan]

It works when click submit only. We we click select menu and click outside, it's not working like input fields.

[mauroavendano]

Hi. I've the same problem. Any ideas? Thanks in advance.