title: Bootstrapvalidator validating fields without being told so
body: <p>Basically, I'm running bootstrapvalidator on a form, and it seems to be deciding what to validate (and how) on its own. While I know this isnt technically what its doing, it really does feel like it. </p>
  
  <p>My form:</p>
  
  <pre><code>    &lt;form class="form-horizontal" role="form" id="regcv" enctype="multipart/form-data"&gt;
  &lt;div class="col-md-3"&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="firstname" class="control-label"&gt;First name&lt;/label&gt;
          &lt;input type="text" class="form-control" id="firstname" name="firstname" placeholder="First name"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="lastname" class="control-label"&gt;Last name&lt;/label&gt;
        &lt;input type="text" class="form-control" id="lastname" name="lastname" placeholder="Last name"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="email" class="control-label"&gt;Email&lt;/label&gt;
        &lt;input type="email" class="form-control" id="email" name="email" placeholder="Email address"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="verifyemail" class="control-label"&gt;Verify email&lt;/label&gt;
        &lt;input type="email" class="form-control" id="verifyemail" name="verifyemail" placeholder="Email verification"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="phone" class="control-label"&gt;Phone&lt;/label&gt;
        &lt;input type="text" class="form-control" id="phone" name="phone" placeholder="+47 00 00 00 00"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-offset-1 col-md-3"&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="freetext" class="control-label"&gt;Free text (&lt;small&gt;optional&lt;/small&gt;)&lt;/label&gt;
        &lt;textarea class="form-control" id="freetext" rows="16" name="freetext" placeholder="Anything you feel would be applicable, a full resume or similar"&gt;&lt;/textare
  a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-offset-1 col-md-3"&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="cv"&gt;Upload CV&lt;/label&gt;
      &lt;input type="file" id="cv" name="cv[]" accept="application/pdf"&gt;
      &lt;p class="help-block"&gt;Accepted fileformats: .pdf.&lt;/p&gt;
    &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="certs"&gt;Upload certificates&lt;/label&gt;
      &lt;input type="file" id="certs" name="certs[]" accept="application/pdf"&gt;
      &lt;p class="help-block"&gt;Accepted fileformats: .pdf.&lt;/p&gt;
    &lt;/div&gt;
  &lt;div class="form-group"&gt;
  </code></pre>
  
  <p>When the form looks like above, it validates the first four fields (firstname, lastname, email and verifyemail) correctly, but disables the submit button without marking anything as invalid. However, if I change the 'phone' field to type='email', I can force my way through by hitting 'Submit', whereas the field gets validated, and I can click 'Submit' again and actually send the data. It also alters the form and adds data-bv-field='phone' for some strange reason. </p>
  
  <p>My JS:</p>
  
  <pre><code>    $('#regcv').bootstrapValidator({
  fields: {
  firstname: {
  validators: {
  notEmpty: {
  message: 'Required field'
  }
  }
  },
  lastname: {
  validators: {
  notEmpty: {
  message: 'Required field'
  }
  }
  },
  email: {
  validators: {
  notEmpty: {
  message: 'Required field'
  },
  emailAddress: {
  message: 'The input is not a valid email address'
                }
  }
  },
  verifyemail: {
  validators: {
  notEmpty: {
  message: 'Required field'
            },
  identical: {
  field: 'email',
         message: 'Email does not match'
             }
              }
               },
               },
  feedbackIcons: {
  valid: 'glyphicon glyphicon-ok',
         invalid: 'glyphicon glyphicon-remove',
         validating: 'glyphicon glyphicon-refresh'
                 },
          submitHandler: function (validator, form, submitButton) {
                  var form = new FormData($('#regcv')[0]);
                  $.ajax({
  url: 'ajax/action.php',
  type: 'POST',
  xhr: function () {
  var myXhr = $.ajaxSettings.xhr();
  if (myXhr.upload) {
  myXhr.upload.addEventListener('progress', progress, false);
  }
  return myXhr;
  },
  success: function (res) {
  $('#content_here_please').html(res);
  },
  error: function (request, error) {
  alert(" Can't do because: " + error);
  },
  data: form,
  cache: false,
  contentType: false,
  processData: false
  });
  //$("#regcv :input").attr('disabled', true);
  }
  });
  </code></pre>
  
  <p>JSFiddle:
  <a href="http://jsfiddle.net/nz7ej/" rel="nofollow">http://jsfiddle.net/nz7ej/</a></p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Edit:
  Forgot to mention, but removing the field itself (the phone field) doesnt help, the form still wont validate, even if zero references to the field exists, and all current fields are valid.</p>