Validator.element example

http://stackoverflow.com/q/33389515/312208

by ryleyb

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<form>
    <div>Title:
        <input type="text" name="title" value="12" />
        <input type="hidden" id="DocThumbnail" name="DocThumbnail" value=""/>        
        <p>
            <input type="button" class="Thumbnail" value="Click Here to Populate DocThumbnail" />
        </p>
    </div>
    <input type="submit" />
</form>

CSS

.error {
    color: red;
}

JavaScript

var validator = $("form").validate({
      ignore:[],
        rules: {
            title:{
                required: true,
                minlength: 2
            },
            DocThumbnail: {
             required:true   
            }
        },
    messages: {
     DocThumbnail: 'DocThumbnail is required'   
    },
    submitHandler: function () {
        alert('successful submit');
        return false;
    }
});

$(".Thumbnail").click(function() {
    $("#DocThumbnail").val('foobar');
    validator.element($('#DocThumbnail'));
});