jquery validation plugin - file upload

Question

I am using jquery validation plugin for validating my form. I have one file field in form for uploading documents.

<input type="file" name="policyBriefFiles" id="policyBriefFiles" multiple="multiple">

Here is my validation code for this field.

policyBriefFiles: {
         extension:'xlsx,pdf',
         filesize: 2097152,  
     },

Now I want users to select maximum two files, but with multiple attribute specified with file user can select any number of files.

How do I restrict users to select maximum two files and no more? Is there any rule available in jquery validation plugin for this? (like maxFile: 2)

I don't mind any other workaround also.

I think this link can help you: stackoverflow.com/questions/8212041/… — Jonathan
– Jonathan, Commented Mar 22, 2016 at 6:59
@DoanMinhTien Thanks for your answer. In the link they are validating file size. I want to validate number of files selected. — Half Blood Prince
– Half Blood Prince, Commented Mar 22, 2016 at 8:03
you can do something like it: document.getElementById('policyBriefFiles').files.length to get number of files after user selected — Jonathan
– Jonathan, Commented Mar 22, 2016 at 8:09
"Is there any rule available in jquery validation plugin" ~ why not first check the documentation or look at the source code of the plugin and the additional-methods file? — Sparky
– Sparky, Commented Mar 23, 2016 at 1:41

Half Blood Prince · Accepted Answer · 2016-03-22 09:08:21Z

1

I made custom validation method for this. Here it is

$.validator.addMethod("maxFilesToSelect", function(value, element, params) {
    var fileCount = element.files.length;
    if(fileCount > params){
        return false;
    }
    else{
        return true;
    }
},  'Select no more than 2 files');

And specify rule as

policyBriefFiles: {
         extension:'xlsx,pdf',
         filesize: 2097152,  
         maxFilesToSelect : 2,
     },

Working as charm :-)

edited Mar 22, 2016 at 9:08

answered Mar 22, 2016 at 8:54

Half Blood Prince

1,1112 gold badges16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ateeq · Accepted Answer · 2021-10-15 11:44:19Z

0

We can simple add maxfiles: 3 method which is available in the additional-method.js file of the plugin. maxfiles: 3 // no of max files you want.

answered Oct 15, 2021 at 11:44

Ateeq

591 silver badge3 bronze badges

Collectives™ on Stack Overflow

jquery validation plugin - file upload

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related