validate form input type file type using jquery validate plugin

Question

the following code: script code

<script type="text/javascript">
$(document).ready(function() {
    $("#formElem").validate({

        rules: {  

            dimage:{
                minlength:200    
            }  
        },
messages: {


             dimage:{
               required: 'Please select the image!'  
            } ,

        }       
    });

});
</script>

html code

<form id="formElem" name="formElem" action="" method="post">

 <input type="file" name="dimage" id="dimage" />
</form>

I'm using jquery validate.js file for client side validation. when i create a file with above code it's not showing any error message.

How should i alert the error message when the user not selected the file?

Seeker · Accepted Answer · 2013-03-20 09:52:34Z

5

If your uploading an image file Jquery Validation plugin have a option accept you can set that to a value which will validate that if the file is really an image then your jquery code will be like this:

$("#formElem").validate({

      rules: {  

            dimage:{
                    required: true,
                    accept:"jpg,png,jpeg,gif"
                }  
        },
    messages: {

            dimage:{
                    required: "Select Image",
                    accept: "Only image type jpg/png/jpeg/gif is allowed"
                }  

             }      
        });

for more information See Official Docs

answered Mar 20, 2013 at 9:52

Seeker

1,9274 gold badges34 silver badges56 bronze badges

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

1 Comment

Samuel Asor Over a year ago

Note: This method used to look at just the filename, specifically the file extension. That behaviour is now available as the "extension" method inside src/additional/extension.js. See.

ShankarSangoli · Accepted Answer · 2012-06-04 15:03:52Z

4

Try this.

$(document).ready(function() {
    $("#formElem").validate({
        rules: {  
            dimage:{
                required: true    
            }  
        },
        messages: {
            dimage:{
               required: 'Please select the image!'  
            } ,
        }       
    });
});

answered Jun 4, 2012 at 15:03

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

1 Comment

VISHAL SINGH Over a year ago

how to validate image with type(png and jpg) with min and max size

Collectives™ on Stack Overflow

validate form input type file type using jquery validate plugin

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