minlength dependency function

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

by ryleyb

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<form id="createProfileForm">
    <div>Should the length be required?
        <input type="checkbox" id="len" name="len" value="3" />
    </div>
    <div>
        <input type="text" name="firstName" value="John" />
        <br>
    </div>
    <input type="submit">
    <div id="errors"></div>
</form>

CSS

.error {
    color: red;
}

JavaScript

$("#createProfileForm").validate({
    rules: {
        "firstName": {
            required: true,
            minlength: {
                param:6,
                depends: function (element) {
                    return $('#len').is(':checked');
                }
            }
        }
    },
    submitHandler: function () {
        alert('successful submit');
        return false;
    }
});