jquery input file validation

Question

i have validate an input file but i have a problem when a rules is only work with required rules and not with accept rules and filesize rules, here my code

$('#myform').validate({
    rules: { image: { required: true, accept: "bmp", filesize: 1048576  }},
    messages: { image:{ required: "insert image", accept: "must in jpg,png and bimp format", filesize: "less than 1MB"  }}
});

when i dont insert an image a validation is work, a message error occurs, but when i insert an image not in bmp format or image size more than 1MB a validation is not work

please help me..

thanks..

Take a look :adamsanderson.github.io/jQuery-File-Validator

Saritha.S.R
– Saritha.S.R

2013-10-15 12:02:53 +00:00
Commented Oct 15, 2013 at 12:02 — Saritha.S.R
– Saritha.S.R, Commented Oct 15, 2013 at 12:02

Adil Shaikh · Accepted Answer · 2013-05-21 16:29:37Z

2

You can add a validation method for that

$.validator.addMethod("uploadFile", function (val, element) {
    var ext = $(element).val().split('.').pop().toLowerCase();
    var allow = new Array('bmp');
    var size = element.files[0].size;

    if (jQuery.inArray(ext, allow) == -1 || size > 1048576) {
        return false
    } else {
        return true
    }

}, "Invalid file");

And Use it like this -

rules: {
    image: {
       required: true,
       uploadFile:true
    }
}

Demo --> http://jsfiddle.net/pEnDY/2/

edited May 21, 2013 at 16:29

answered May 21, 2013 at 15:53

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

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

1 Comment

Adil Shaikh Over a year ago

It's working here --> jsfiddle.net/pEnDY/2 ... Well.. Do you get any error on your browser console?

Collectives™ on Stack Overflow

jquery input file validation

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