JQuery Validation - Limit number of multiple file uploads method

Question

I am using JQuery Validation and in my form I have 4 multiple file upload input fields. I would like to set a limit to the 1st 3 fields to have a maximum of 3 files and the final field to have a maximum of 5.

Ideally I would like to create a new method so that I can just set rules for each of the fields in case they need amending in the future.

Unfortunately my JQuery knowledge (and coding skills in general) is very low and was wondering if someone would be able to point me in the right direction with what I'm doing wrong with what I've created below.

maxupload: function( value, element, param ) {
    return this.optional( element.files.length ) || value <= param;
},

On my website I've created the following:

$("#survey").validate({
    rules: {
        "outsideImg[]": {
            required: true,
            maxupload : 3,
            }
    },
    messages: {
            "outsideImg[]": {
                required: "You must upload at least 1 image (maximum of 3)",
                maxupload: "You can only upload a maximum of 3 images",
            },
    }
});

If there are no files selected it works fine and returns the correct message. The maximum limit is not working.

Any help would be greatly appreciated.

KishVaja · Accepted Answer · 2015-01-14 12:52:00Z

5

I've solved it... Rather than delete thought I'd leave here so that others facing the issue can see the resolution.

maxupload: function( value, element, param ) {
    var length = ( element.files.length );
    return this.optional( element ) || length <= param;
},

answered Jan 14, 2015 at 12:52

KishVaja

811 silver badge7 bronze badges

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

1 Comment

Manjot Over a year ago

hi, Can you please tell me what parameters to pass if I dont want user to add more than 3 files and where to pass it ?

Collectives™ on Stack Overflow

JQuery Validation - Limit number of multiple file uploads method

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related