<input type=“file” /> format de fichier de validation ne fonctionne pas sous chrome et IE

Je suis la validation de mon formulaire avec Jquery validateur "http://jqueryvalidation.org/".
Je suis un problème quand je suis à la validation de la "<input type="file" /> champ" son "required: true," la validation est travail et, lorsque j'accepte le mauvais type de fichier, il déclenche une erreur. Mais dans "IE et Chrome" si je sélectionne le format de fichier correct, là encore, il donne l'erreur, bien que son travail correctement dans Firefox.

Créé le Violon trop... C'est comment il est exactement de travail pour moi:
http://jsfiddle.net/aasthatuteja/v6x8P/

**Si vous cochez la case en Chrome & IE il va donner à la question, mais si vous vérifiez dans Firefox, il va travailler et de donner aux aert pour "Soumis"!

<input type=“file” /> format de fichier de validation ne fonctionne pas sous chrome et IE

Vous trouverez le code ci-dessous: -

Jquery

<script src="~/Scripts/js/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>

<script>

    $().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!"
                }
            }  

        });

    });
</script>

HTML

<form action="~/Deployment/FileUpload" name="deploymentUploadForm" id="deploymentUploadForm" enctype="multipart/form-data" method="post">
   <h1>Deployment</h1>
   <p>
       <input type="file" name="File" accept="application/zip">
   </p>
   <div role="button" class="marginTop50 marginBottom">
     <p>
       <input type="submit" id="getDeploymentList" value="Upload" class="active" >  
     </p>
   </div>
</form>

OnSubmit JQUERY

$("#getDeploymentList").click(function () {
    if ($("#deploymentUploadForm").valid()) {

        $("#deploymentUploadForm").submit();
        $('#stepSummary').empty();
        $.loader({
            className: "blue-with-image",
            content: 'Please wait...Your request is being processed!'
        });

    };
});

S'il vous plaît laissez-moi savoir si vous avez besoin d'autres info.

Grâce à adavace!

  • non, ils sont les mêmes, ainsi que même $(function)...
  • oh désolé, je l'ai eu
  • Vous tripoter fonctionne très bien sur Chrome 29 sur OS X. Qui IE êtes-vous tester? Comme la validation utilise le HTML5 fichier API, il échouera dans IE9 et ci-dessous, voir.
  • Étrange! Je suis en utilisant la même Version de Chrome 29.0.1547.66 m" et IE 10, mais encore que le type de fichier de validation ne fonctionne pas! Je joins la capture d'écran trop dans ma Question!
  • Notez que la documentation affirme que accept utilise des types MIME, alors que les zip n'est pas un type MIME. (Cela dit, sur mon Mac, google Chrome, il les filtres de la boîte de dialogue Sélectionner Fichier pour .zip extensions de nom de fichier, et désactive les fichiers ZIP qui n'ont pas cette extension, lors de l'utilisation de votre Violon. Ce n'est pas très agréable, mais peut convenir à vos besoins.)
InformationsquelleAutor UID | 2013-09-23