<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"!
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 leszip
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.)
Vous devez vous connecter pour publier un commentaire.
essayer avec(HTML):
jQuery( validation )
et avec le plugin jQuery( idée ):
Et si vous avez un PHP, voir ce repo
Bonne Chance!
J'ai été en mesure d'obtenir le violon pour le travail en changeant votre accepter la règle de zip à la suivante:
Il ressemble à Firefox utilise un autre type MIME pour les fichiers zip que IE ou Chrome. Il utilise une liste plus large de types MIME pour les fichiers zip. Vous aurez besoin de décider si elle est trop large pour vos besoins.