Jquery Validation File size validation rule

Question

If the file size is more than 2MB or less than 2mb it always display File size more than 2mb

<script>
$.validator.addMethod('filesize', function(value, element, param) {

    var param = 2000;
    // element = element to validate (<input>)
    // value = value of the element (file name)

    return this.optional(element) || (element.files[0].size <= param)    
});

$("#dealDetails").validate({

    rules   : {
    "dealcatg"  : {
        required: true
    },

    "deal_image":{
        required : true,
        accept   : "image/*",
        filesize : true,
    }
});
</script>

Its always return false.

you return value in or condition, can you return value in separate and then check? return this.optional(element); console.log(element.files[0].size) — Prashant Tapase
– Prashant Tapase, Commented Sep 18, 2014 at 6:43
Make that console log on element.files[0].size as Prashant sugested and come back with the news please — Aramil Rey
– Aramil Rey, Commented Sep 16, 2015 at 13:00

Sumesh TG · Accepted Answer · 2015-09-16 13:16:19Z

1

You can add a jquery validation method like shown below

jQuery.validator.addMethod("checksize", function (val, element) {

      var size = element.files[0].size;
        console.log(size);

       if (size > 2*1048576)// checks the file more than 1 MB
       {
           console.log("returning false");
            return false;
       } else {
           console.log("returning true");
           return true;
       }

  }, "File type error");

and use it like below

 $(document).ready(function(){
 $('#form').validate({
  rules: {
       image: {
          required: true,
          extension:'jpe?g,png',
          checksize:true,
          }
         }
      });
   });

Try this..

answered Sep 16, 2015 at 13:16

Sumesh TG

2,5732 gold badges17 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

Jquery Validation File size validation rule

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related