title: <input type="file" /> file format validation not working in chrome and IE
body: <p>I am validating my form with Jquery validator "<a href="http://jqueryvalidation.org/" rel="nofollow noreferrer">http://jqueryvalidation.org/</a>".
  I am getting an issue when I am validating the "<code>&lt;input type="file" /&gt;</code>" field, its "<code>required: true,</code>" validation is working and when I accept the wrong file type it throws error. But in "<strong>IE and Chrome</strong>" if I select the correct file format, still it gives the error, though its working correctly in Firefox.</p>
  
  <p>Created the Fiddle too... This is how it is exactly working for me:
  <strong><a href="http://jsfiddle.net/aasthatuteja/v6x8P/" rel="nofollow noreferrer">http://jsfiddle.net/aasthatuteja/v6x8P/</a></strong> </p>
  
  <p>**If you check in Chrome &amp; IE it will give the issue, but if you check in Firefox it will work and will give the aert for "Submitted"!</p>
  
  <p><img src="https://i.stack.imgur.com/JKj8p.jpg" alt="enter image description here"></p>
  
  <p>Please find the code mentioned below:-</p>
  
  <p><strong>Jquery</strong></p>
  
  <pre><code>&lt;script src="~/Scripts/js/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script src="http://jquery.bassistance.de/validate/additional-methods.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  
      $().ready(function () {
  
          // validate signup form on keyup and submit
          $("#deploymentUploadForm").validate({
  
              rules:{
                  File: {
                      required: true,
                      accept: "zip"
                  }
              },
  
              messages:{
                  File: {
                      required: "This field is mandatory!",
                      accept: "Accepts only zip file!"
                  }
              }  
  
          });
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form action="~/Deployment/FileUpload" name="deploymentUploadForm" id="deploymentUploadForm" enctype="multipart/form-data" method="post"&gt;
     &lt;h1&gt;Deployment&lt;/h1&gt;
     &lt;p&gt;
         &lt;input type="file" name="File" accept="application/zip"&gt;
     &lt;/p&gt;
     &lt;div role="button" class="marginTop50 marginBottom"&gt;
       &lt;p&gt;
         &lt;input type="submit" id="getDeploymentList" value="Upload" class="active" &gt;  
       &lt;/p&gt;
     &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>OnSubmit JQUERY</strong></p>
  
  <pre><code>$("#getDeploymentList").click(function () {
      if ($("#deploymentUploadForm").valid()) {
  
          $("#deploymentUploadForm").submit();
          $('#stepSummary').empty();
          $.loader({
              className: "blue-with-image",
              content: 'Please wait...Your request is being processed!'
          });
  
      };
  });
  </code></pre>
  
  <p>Please let me know if you need any other info.</p>
  
  <p>Thanks in adavace! </p>