What is js validation for multiple file upload example: name="files[]"

Question

it is js is not working help me

<input id="files" type="file" name="files[]" multiple/>

my js is...

$("#GallaryForm").validate({

    rules:
    {
        event_id:
        {
            required: true,
        },
        files:
        {
            required: true,
        },



    },
    messages:
    {
        event_id:
        {
            required: 'Please Select Event .',

        },
        files:
        {
            required: 'Please Upload Image or Video.',
        },

    },
});

Help me on files validation it is not working...

Great question but the amount of indentation is ridiculous.

Malekai
– Malekai

2019-04-12 13:12:55 +00:00
Commented Apr 12, 2019 at 13:12 — Malekai
– Malekai, Commented Apr 12, 2019 at 13:12

Sekhu · Accepted Answer · 2019-04-12 11:41:13Z

2

Name of the field should be in single quote.

 'files[]':
    {
         required: true,
    }

and

 'files[]':
    {
        required: 'Please Upload Image or Video.'
    }

Your code should look like

$("#GallaryForm").validate({
    rules: {
        event_id: {
            required: true, // <-- this comma is not required
        },
        'files[]': {
            required: true, // <-- this comma is not required
        },   // <-- this comma is not required
    },
    messages: {
        event_id: {
            required: 'Please Select Event .', // <-- this comma is not required
        },
        'files[]': {
            required: 'Please Upload Image or Video.', // <-- this comma is not required
        }, // <-- this comma is not required
    }, // <-- this comma is not required
});

edited Apr 12, 2019 at 11:41

answered Apr 12, 2019 at 11:34

Sekhu

1391 silver badge12 bronze badges

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

1 Comment

Virat Virat Over a year ago

Thanks for 'files[]':

Rahul · Accepted Answer · 2019-04-12 11:34:49Z

0

You should take the name of the element in a single quote to apply rules and messages in jquery validation

$("#GallaryForm").validate({
    rules: {
        event_id: {
            required: true,
        },
        'files[]': {
            required: true,
        },
    },
    messages: {
        event_id: {
            required: 'Please Select Event .',
        },
        'files[]': {
            required: 'Please Upload Image or Video.',
        },
    },
});

answered Apr 12, 2019 at 11:34

Rahul

18.6k7 gold badges43 silver badges64 bronze badges

1 Comment

Virat Virat Over a year ago

Thanks for 'files[]':

Collectives™ on Stack Overflow

What is js validation for multiple file upload example: name="files[]"

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related