メイキング「ファイル」は、入力要素は必須（必須）

Question

私は（HTML）必須「ファイル」は、入力要素にしたい

：

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

のようなものをしかし、それは動作しません。

この「」のマニュアルでは、「必須」属性がHTML5の新機能であることがわかりました。しかし、私は新機能をサポートしていないプロジェクトでHTML 5を使用していません。

<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" /> 

Answer 1

あなたはこのようにjqueryのを使用してそれを行うことができますまたはクラス。

See this demo。

Answer 2

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

ヴィヴェックの提案に似

が、今あなたが入力ファイルのより一般的なセレクタを持っていて、特定のIDに依存していない - ：

Answer 3

フォームsubmitで実行されるポリフィルを作成することができます。例えば：

/* 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. */ 
     } 

    }); 

}); 

このスクリプトは、フォームが送信されるため、その後required属性を有する各フォーム要素が入力された値を有してもループ待機します。すべてに値がある場合は、フォームを送信します。チェックする

例の要素は次のようになります。

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

（あなたはあなたのウェブサイト上でそれを使用している場合、コメントがこのコードを縮小化&削除することができます）

Answer 4

今のところ2017年、私ができる午前これを行うには -

<input type='file' required /> 

フォームを送信すると、ファイルを尋ねます。 HTML5へ

Answer 5

おかげで、それはこのように簡単です：

<input type='file' required /> 

例：

<form> 
 
    <input type='file' required /> 
 
    <button type="submit"> Submit </button> 
 
</form>