Ajouter une validation pour télécharger le formulaire à l'aide du plugin de validation jQuery

Question

J'ai un simple formulaire de téléchargement de fichier HTML. J'utilise le plugin de validation jQuery dans d'autres formulaires pour vérifier les valeurs requises et je voudrais l'utiliser dans le formulaire de téléchargement de fichier pour m'assurer que l'utilisateur a cliqué sur Parcourir. . . bouton d'abord et sélectionné un fichier. Le code correspondant est ci-dessous qui repose sur la façon dont d'autres formes sont configurés mais celui-ci ne fonctionne pas comme les autres:

<script src="lib/jquery.js" type="text/javascript" charset="utf-8"></script> 
    <script src="lib/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script> 
    <script src="lib/jquery.metadata.js" type="text/javascript" charset="utf-8"></script> 

    <script type="text/javascript"> 
    $.metadata.setType("attr", "validate"); 

    $(document).ready(function(){ 
    $("#upload").validate(); 
    }); 
    </script> 

<form enctype="multipart/form-data" action="fileupload.php" method="POST" id='upload'> 
Choose a file to upload: <input name="new_file" type="file" validate = "required:true"> 
<label for = "new_file" class = "error">You must select a file first before you can upload</label> 
<input type="submit" name="action" value="Upload"> 

</form> 

Grateful si quelqu'un peut signaler ce que je fais mal.

Un grand merci, Steve

Answer 1

Essayez en mettant votre script de validation dans la méthode document.ready. à savoir

$(document).ready(function(){ 
    $.metadata.setType("attr", "validate"); 

    $(document).ready(function(){ 
     $("#upload").validate(); 
    }); 
}); 

working demo