title: Form validation not working with Bootstrap validator
body: <p>I am using Bootstrap validator to ensure all fields are filled when submitting a form. But my validator is not working as expected!</p>
  
  <p>Here is the JSFiddle: <a href="http://jsfiddle.net/3v3011e0/" rel="nofollow noreferrer">http://jsfiddle.net/3v3011e0/</a></p>
  
  <p>If you play with it and submit the form with all fields empty, and change one of them to not empty, then all fields become green. This should not happen. It should only be green for the field that is working properly. As seen in this picture, username and password are empty but show up as green. Also the icon only shows for username. How do I fix this?</p>
  
  <p><a href="https://i.stack.imgur.com/RoOVA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RoOVA.png" alt="enter image description here"></a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;form action="#" method="POST" id="myForm"&gt;
    &lt;div class="form-group"&gt;
  
      &lt;input id="userField" type="text" name="username" placeholder="Enter user name" class="form-control" /&gt;
  
      &lt;input id="password" type="password" name="password" placeholder="Choose a password" class="form-control" /&gt;
  
      &lt;select id="myPicker" name="num" class="selectpicker form-control"&gt;
        &lt;option value="" selected="selected"&gt;Select number&lt;/option&gt;
        &lt;option value="1"&gt;1&lt;/option&gt;
        &lt;option value="2"&gt;2&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  
    &lt;div class="text-center"&gt;
      &lt;button type="submit" class="btn btn-primary"&gt;submit&lt;/button&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>$(document).ready(function() {
    $('#myForm').bootstrapValidator({
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
      },
      fields: {
        username: {
          validators: {
            notEmpty: {
              message: 'The username is required and cannot be empty'
            }
          }
        },
        password: {
          validators: {
            notEmpty: {
              message: 'The password is required and cannot be empty'
            }
          }
        },
        num: {
          validators: {
            notEmpty: {
              message: 'Number is required and cannot be empty'
            }
          }
        }
      }
    });
  });
  </code></pre>