How to limit the maximum files chosen when using multiple file input

by

You could run some jQuery client-side validation to check:

$(function(){
    $("input[type="submit"]").click(function(){
        var $fileUpload = $("input[type="file"]");
        if (parseInt($fileUpload.get(0).files.length)>2){
         alert("You can only upload a maximum of 2 files");
        }
    });    
});​

http://jsfiddle.net/Curt/u4NuH/

But remember to check on the server side too as client-side validation can be bypassed quite easily.

More Related Contents:

  1. Limit file format when using ?
  2. Style input type file? [duplicate]
  3. Change default text in input type=”file”?
  4. How to detect when cancel is clicked on file input?
  5. How to get folder directory from HTML input type “file” or any other way?
  6. How can I style a file input field in Firefox?
  7. Restoring the value of a input type=file after failed validation
  8. The right way of setting when it’s a local file
  9. What is the best way to replace the file browse button in html?
  10. HTML Form File Uploads doesn’t upload file
  11. How to make double border on left only with thick outside and thin inside [duplicate]
  12. Why my HTML input field is ‘readonly’ by default [closed]
  13. Centering in CSS Grid
  14. How to show google.com in an iframe?
  15. Canvas width and height in HTML5
  16. How to style the parent element when hovering a child element?
  17. How to make this arrow in CSS only?
  18. How to remove unwanted space between rows and columns in table?
  19. HTML5 nested sections and heading tags
  20. Div 100% height works on Firefox but not in IE
  21. Mailto on submit button
  22. I can’t get my font-awesome icons to show up. Tried importing css with multiple methods
  23. Why is box-sizing acting different on table vs div?
  24. Is this empty space actually margin-right which is not recognized by dev tools?
  25. How do I give a CSS class priority over an id?
  26. Padding the top and the bottom of inline element
  27. Set the select option as blank as default in HTML select element
  28. Can I use an HTML input type “date” to collect only a year?
  29. CSS class starting with number is not getting applied
  30. Are void elements and empty elements the same?

Leave a Comment