JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script>
<form id="form" action="post">
    <input type="file" name="image" />
    <input type="submit" value="ok" />
</form>

JavaScript

$(document).ready(function () {
    $("#form").validate({
        debug: true,
        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!'
            }
        }
    })
});