title: Bootstrap Validator not working on File Input
body: <p>I have a form field that should only accept a .jpg or .png image at a certain file size. The validation doesn't seem to be working(tested with invalid file types). This is what I have so far, so what is it I'm missing? I should work like it does here <a href="http://bootstrapvalidator.com/validators/file/" rel="nofollow">http://bootstrapvalidator.com/validators/file/</a></p>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/933yvfmh/3/" rel="nofollow">http://jsfiddle.net/933yvfmh/3/</a></p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;form id="fileupload"&gt;
          &lt;div class="row top"&gt;
              &lt;div class="col-md-4"&gt;&lt;/div&gt;
              &lt;div class="col-md-4 logo"&gt;Image Cropper&lt;/div&gt;
              &lt;div class="col-md-4"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-6"&gt;
                  &lt;div class="panel crop"&gt;
                      &lt;div class="well"&gt;
                          &lt;input type="file" mulitple name="fileupload" class="btn btn-default form-control" id="file" /&gt;
                          &lt;button class="btn btn-default" id="reset"&gt;Reset&lt;/button&gt;
                          &lt;input id="renderButton" type="button" value="Render final image" class="btn btn-primary" /&gt;
                      &lt;/div&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div id="container" class="well"&gt;&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-6 render"&gt;
                  &lt;div class="panel"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div id="result_container" class="result thumbnail"&gt;&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  
  //HIDE CONTROLS UNTIL IMAGE SELECTED//
  $("#reset, #renderButton, .render").hide();
  $("#file").click(function () {
     $("#reset, #renderButton").show();
  });
  //ONLY SHOW RENDERED VIEW WHEN RENDER BUTTON CLICKED//
  $("#renderButton").click(function () {
      $(".render").fadeIn("slow").animate({
          right: '50px'
      });
      $(".render, #result_container").show();
  })
  //RESET RENDER VIEW//
  $("#reset").click(function () {
      $(".imgly-container").empty();
  });
  
  
  $('#fileupload').bootstrapValidator({
      live: 'enabled',
      fields: {
          fileupload: {
              validators: {
                  file: {
                      extension: 'jpg, png',
                      type: 'image/jpg, image/png',
                      minSize: 1024 * 1024,
                      message: 'The selected file is not valid, or the size is not large enough!'
                  }
              }
          }
      }
  });
  </code></pre>