title: weird error in bootstrapValidator in jsp with Bootstrap
body: <p>I am using 'bootstrapvalidator' to validate my form (registration and login modals of bootstrap). When ever I put the correct data in any of the modals say <em>Login</em> then the login button(<em>submit the login form</em>) gets disabled like the data is incorrect .but when i clear on digit from the password field and again enter it and try to submit the form it submits the form.</p>
  
  <p>I don't know why this is happening and what is causing the error .</p>
  
  <p>I am using cdns from <a href="https://cdnjs.com" rel="nofollow">https://cdnjs.com</a> all cdn total in 8 cdn links.</p>
  
  <p><strong>My form code(modal login )</strong></p>
  
  <pre><code>&lt;div id="login" class="modal fade " role="dialog"&gt;
  &lt;div class="modal-dialog login-modal"&gt;
      &lt;div class="modal-content"&gt;
          &lt;form action="logindone.jsp" method="post" class="form-horizontal" role="form"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;a class="close cross" data-dismiss="modal"&gt;x&lt;/a&gt;
                  &lt;h3&gt;Login&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label for="email-name" class="col-md-2 control-label  glyphicon glyphicon-user"&gt;&lt;/label&gt;
                      &lt;div class="col-md-10"&gt;
                          &lt;input type="email" class="form-control" id="email-name" name="email"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label for="email-pass" class="col-md-2 control-label glyphicon glyphicon-lock"&gt;&lt;/label&gt;
                      &lt;div class="col-md-10"&gt;
                          &lt;input type="password" class="form-control" id="email-pass" name="password"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer modal-footer-hidden-border"&gt;
                  &lt;a href="#" class="btn btn-link" data-dismiss="modal"&gt;Forgot password ?&lt;/a&gt;
                  &lt;button type="submit" value="submit" class="btn btn-danger btn-circle-lg glyphicon"&gt;Log in&lt;/button&gt;
              &lt;/div&gt;
          &lt;/form&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>my bootstrap validator code</strong></p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
    var validator = $('#login').bootstrapValidator({
      fields: {
        email: {
          message: "Email is required",
          validators: {
            notEmpty: {
              message: "Please provide an email address"
            },
            stringLength: {
              min: 6,
              max: 35,
              message: "Email must be between 6 and 35 characters long"
            },
  
            emailAddress: {
              message: "Email address must be valid"
            },
            regexp: {
              regexp: /^(([^&lt;&gt;()\[\]\\.,;:\s@"]+(\.[^&lt;&gt;()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
              message: 'Not a valid email address'
            }
  
          }
        }, //.email
        password: {
          validators: {
            notEmpty: {
              message: "Password is required"
            },
            stringLength: {
              min: 8,
              message: "Password must be 8 characters long"
            },
            different: {
              field: "email",
              message: "Email and Password must be different"
            }
          }
        }
      }
    });
  });
  &lt;/script&gt;
  </code></pre>