Rendre l'élément de saisie 'fichier' obligatoire (obligatoire)

Je veux faire (HTML) 'fichier' élément d'entrée obligatoire: quelque chose comme

<input type='file' required = 'required' .../>

Mais ça ne fonctionne pas.

J'ai vu ce La 3ème guerre mondiale le manuel des membres de "requis" de l'attribut est à nouveau en HTML 5. Mais je ne suis pas en utilisant le HTML 5 dans le projet que je suis en train de travailler qui ne prend pas en charge la nouvelle fonctionnalité.

Une idée?

source d'informationauteur Bere

  1. 8

    Vous pouvez le faire à l'aide de Jquery comme ceci:-

    <script type="text/javascript">
$(document).ready(function() {
    $('#upload').bind("click",function() 
    { 
        var imgVal = $('#uploadfile').val(); 
        if(imgVal=='') 
        { 
            alert("empty input file"); 
            return false; 
        } 


    }); 
});
</script> 

<input type="file" name="image" id="uploadfile" size="30" /> 
<input type="submit" name="upload" id="upload"  class="send_upload" value="upload" />
  2. 4

    Vous pouvez créer un polyfill qui s'exécute sur le formulaire de soumission. Par exemple:

    /* Attach the form event when jQuery loads. */
$(document).ready(function(e){

/* Handle any form's submit event. */
    $("form").submit(function(e){

        e.preventDefault();                 /* Stop the form from submitting immediately. */
        var continueInvoke = true;          /* Variable used to avoid $(this) scope confusion with .each() function. */

        /* Loop through each form element that has the required="" attribute. */
        $("form input[required]").each(function(){

            /* If the element has no value. */
            if($(this).val() == ""){
                continueInvoke = false;     /* Set the variable to false, to indicate that the form should not be submited. */
            }

        });

        /* Read the variable. Detect any items with no value. */
        if(continueInvoke == true){
            $(this).submit();               /* Submit the form. */
        }

    });

});

    Ce script attend pour que le formulaire puisse être soumis, puis des boucles bien que chaque élément de formulaire qui a le required attribut a une valeur entrée. Si tout a une valeur, il soumet le formulaire.

    Un exemple d'élément à vérifier pourrait être:

    <input type="file" name="file_input" required="true" />

    (Vous pouvez supprimer les commentaires & rapetisser ce code lorsque vous l'utilisez sur votre site web)

  3. 4

    Dès maintenant en 2017, je suis en mesure de le faire-

    <input type='file' required />

    et lorsque vous soumettez le formulaire, il vous demande de fichier.
    Rendre l'élément de saisie 'fichier' obligatoire (obligatoire)

  4. 3
    var imgVal = $('[type=file]').val();

    Similaire à Vivek de la suggestion, mais maintenant, vous avez un plus générique sélecteur de fichier d'entrée et que vous ne comptez pas sur l'ID ou une classe.

    Voir cette démo.

  5. 0

    Toutes les déclarations ci-dessus sont tout à fait correct. Toutefois, il est possible à un utilisateur malveillant d'envoyer une requête POST sans l'aide de votre formulaire afin de générer des erreurs. Ainsi, HTML et JS, tout en offrant une approche conviviale, n'empêchera pas ces sortes d'attaques. Pour ce faire, assurez-vous que votre serveur à double contrôle de demande de données pour vous assurer que rien n'est vide.