title: Bootstrap Validator for select fields
body: <p>Trying to require that both drop down selection boxes have a chosen option before submit is enabled to be clicked. What is missing that is not allowing the plugin to check for validation?</p>
  
  <p><strong>FORM:</strong></p>
  
  <pre><code>&lt;form role="form" id="bootstrapSelectForm" class="form-horizontal"&gt;
    &lt;div class="row"&gt;
    &lt;div class="col-xs-6"&gt;
    &lt;br&gt;
        &lt;h5&gt;Region&lt;/h5&gt;
          &lt;select class="form-control" name="region" id="region" &gt;
                     &lt;option value=""&gt;Select a Region&lt;/option&gt;
                     &lt;option value="US"&gt;US&lt;/option&gt;
                     &lt;option value="UK"&gt;UK&lt;/option&gt;
                     &lt;option value="Sales Team"&gt;XS (Sales Team)&lt;/option&gt;
                     &lt;option value="Editorial Test"&gt;XT (Editorial Test)&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-6"&gt;
      &lt;br&gt;
        &lt;h5&gt;Duration&lt;/h5&gt;
          &lt;select class="form-control" name="duration" id="duration" &gt;
                     &lt;option value=""&gt;Select a Duration&lt;/option&gt;
                     &lt;option value="5"&gt;5 Minutes&lt;/option&gt;
                     &lt;option value="10"&gt;10 Minutes&lt;/option&gt;
                     &lt;option value="15"&gt;15 Minutes&lt;/option&gt;
                     &lt;option value="20"&gt;20 Minutes&lt;/option&gt;
                     &lt;option value="25"&gt;25 Minutes&lt;/option&gt;
                     &lt;option value="30"&gt;30 Minutes&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-6"&gt;
      &lt;button type="submit" class="btn btn-default" id="submit"&gt;Submit&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Bootstrap Validator:</strong></p>
  
  <pre><code>$(document).ready(function() {
  $('#bootstrapSelectForm')
      .find('[name="region"]')
          .selectpicker()
          .submit(function(e) {
              $('#bootstrapSelectForm').bootstrapValidator('revalidateField', 'region');
          })
          .end()
      .find('[name="duration"]')
          .selectpicker()
          .submit(function(e) {
              $('#bootstrapSelectForm').bootstrapValidator('revalidateField', 'duration');
          })
          .end()
      .bootstrapValidator({
          feedbackIcons: {
              valid: 'glyphicon glyphicon-ok',
              invalid: 'glyphicon glyphicon-remove',
              validating: 'glyphicon glyphicon-refresh'
          },
          fields: {
              region: {
                  validators: {
                      callback: {
                          message: 'Please select region',
  
                          }
                      }
                  }
              },
              duration: {
                  validators: {
                          message: 'Please select region.'
                  }
              }
          }
      });
  });
  </code></pre>