jQuery validation - required working but accept not

Question

im uploading an image and trying to validate it before with jquery. Here is my code:

Answer 1

You need two things.

(1) use valid syntax for using accept method because it requires you to use to provide comma-separated list of mimetypes.

$(document).ready(function(){
    $("#form").validate({
        errorLabelContainer: "#message_box", wrapper: "li",

        rules: {
            image: {required: true, accept: "image/jpg,image/jpeg,image/png,image/gif"}
        },
        messages: {
            image: {required: 'Required!', accept: 'Not an image!'}
        }
    })
});  

(2) You'll have to include the additional-methods.js because the accept methods is not included in the core validate plugin. So add following to your after you include validate plugin

Here's the link to jsfiddle. Note that it includes debug: true to prevent posting of the form in fiddle.