Making 'file' input element mandatory (required)

Question

I want to make (an HTML) 'file' input element mandatory: something like

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

But it is not working.

I saw this WW3 manual which states 'required' attribute is new to HTML 5. But I am not using HTML 5 in the project I am working which doesn't support the new feature.

Any idea?

Answer 1

Thanks to HTML5, it is as easy as this:

<input type='file' required /> 

Example:

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

Answer 2

You can do it using Jquery like this:-

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