Làm 'tập tin' bắt buộc (bắt buộc)

Question

Tôi muốn làm (HTML) 'file' yếu tố đầu vào bắt buộc: một cái gì đó giống như

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

Nhưng nó không phải đang làm việc.

Tôi đã thấy hướng dẫn sử dụng WW3 tuyên bố thuộc tính 'bắt buộc' mới đối với HTML 5. Nhưng tôi không sử dụng HTML 5 trong dự án tôi đang làm việc không hỗ trợ tính năng mới.

Bất kỳ ý tưởng nào?

Answer 1

Bạn có thể làm điều đó bằng jquery như thế này: -

<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 2

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

Tương tự như gợi ý Vivek, nhưng bây giờ bạn có một chọn chung chung hơn của tập tin đầu vào và bạn không dựa vào ID cụ thể hoặc lớp học.

See this demo.

Answer 3

Bạn có thể tạo một polyfill thực hiện trên gửi biểu mẫu. Ví dụ:

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

    }); 

}); 

Kịch bản này chờ đợi đối với hình thức phải nộp, sau đó vòng mặc dù mỗi yếu tố hình thức mà có thuộc tính required có giá trị nhập vào. Nếu mọi thứ đều có giá trị, nó sẽ gửi biểu mẫu.

Một yếu tố ví dụ để được kiểm tra có thể là:

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

(Bạn có thể loại bỏ những ý kiến ​​& giảm bớt mã này khi sử dụng nó trên trang web của bạn)

Answer 4

Tính đến bây giờ trong năm 2017, tôi có thể để làm điều này-

<input type='file' required /> 

và khi bạn gửi biểu mẫu, nó sẽ yêu cầu tệp.

Answer 5

Nhờ HTML5, nó là dễ dàng như thế này:

<input type='file' required /> 

Ví dụ:

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