Jquery validate csv file

Question

i try validate csv file when user upload file with extension/format CSV

<script type="text/javascript">
$(document).ready(function() {
    $('#form1').validate({
        rules: { csv: { required: true, accept: "csv"  }},
        messages: { csv: "File must be CSV" }
    }); 
});
</script>

<form action="product_import.php?action=import" method="POST" name="form1" id="form1" enctype="multipart/form-data">
<input name="csv" type="file" id="csv" />
</form>

But the problem is when i upload file with extension csv this error message will show up File must be CSV , i dont know why this script can't accept even i set to accept: "csv" .

My csv file name is product.csv

Sparky · Accepted Answer · 2013-04-06 04:20:06Z

10

The accept rule is not for file extensions, it's for Mime types.

You might want to use the extension rule instead

DEMO: http://jsfiddle.net/c5R3b/

$(document).ready(function () {

    $('#form1').validate({
        rules: {
            myfield: {
                required: true,
                extension: "csv"
            }
        }
    });

});

However, both of these rules require the inclusion of the additional-methods.js file.

edited Apr 6, 2013 at 4:20

answered Apr 6, 2013 at 4:12

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

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

1 Comment

rusly Over a year ago

thanks @Sparky .. i already include additional-methods.js file just need to change extension: "csv" .. again thanks :)

Dhanuka777 · Accepted Answer · 2015-02-27 10:49:03Z

4

Here is something worked for me with plain JS approach. Might be helpful for someone,

if( document.getElementById("csv").value.toLowerCase().lastIndexOf(".csv")==-1) 
{
        alert("Please upload a file with .csv extension.");
        return false;
}

answered Feb 27, 2015 at 10:49

Dhanuka777

8,6789 gold badges78 silver badges128 bronze badges

1 Comment

Morfinismo Over a year ago

Just what I was looking for. This is great!

Collectives™ on Stack Overflow

Jquery validate csv file

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