Validate input type file using jquery

We can do it like this. Here is a simple code for javascript validation, and after it validates it will clean the input file. Here is complete answer for checking file size and file extension. This used default file input field and jQuery library. Stack Overflow for Teams — Collaborate and share knowledge with a private group.

Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Asked 8 years, 11 months ago. Active 2 years, 4 months ago. Viewed k times. Can anyone please tell me how can I do the same? Thanks in advance New to this Portal? Click here to Sign up. You can also use the below options to login. Search jQuery Search. Move this topic Cancel. Using jQuery Plugins. Greetings to the group. I have JQuery successfully running on my site, but I have a slight problem with the validation on an input type file.

Here is my code:. Everything works fine, I was wondering if it is possible to have the validation on the element be carried out as soon as the user has selected their file, at the moment it does the validation as soon as I take focus away from the element. The senario would be the user clicks on Browse, they select their file to upload, and at this point when the windows widget has closed down the validation would kick in, without having to click outside the element and loose focus.

Replies 4. There could be none, or 1, or whatever. I tried adding it within the form submit event but its not working. Arun, it's a known condition. Maybe you should post a bug report to the jQuery Validate developer at GitHub As per documentation for.

That's essentially the whole answer. Show 9 more comments. Dedan Dedan 9 9 bronze badges. Been scratching my head trying to get file validation to work, thank you for this answer!

At least not in my case. Sparky Sparky I've tried this and Firebug is showing an error of "TypeError: s is undefined" and the form breaks so the submit button doesn't work.

No error is showing on the webpage itself. You cannot increment counter until after the rule is declared. Take note that I removed a bunch of superfluous code It updates if the input is activated again or if the submit button is clicked. Asked 6 years, 3 months ago. Active 1 year, 5 months ago. Viewed 70k times. Improve this question. Sparky Mahesh Jagdale Mahesh Jagdale 1 1 gold badge 1 1 silver badge 3 3 bronze badges.

Add a comment. Active Oldest Votes. Improve this answer. ArunPJohny, What does the "this. Greg if the value is not required and is empty then it will return true — Arun P Johny. The pipe " " is a valid separator according to the documentation, but there just can't be any spaces: jqueryvalidation.