demo of custom return messages

http://stackoverflow.com/questions/16972112/jquery-validation-variable-error-messages

by ryleyb

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<form name="myForm">
    <fieldset>
        <legend>My Form</legend>stuff:
        <input type="text" id="stuff" name="stuff" />* remote and required
        <br>
    </fieldset>
    <input type="submit">
</form>
<div id="log"></div>

CSS

.error {
    color: red;
}

JavaScript

var response = 0;
var messages = ['Message 1', 'Message 2', 'Message 3'];

var v = $("form").validate({
    submitHandler: function () {
        $('#log').append('successful submit<br>');
        return false;
    },
    rules: {
        stuff: {
            required: true,
            remote: {
                url: '/echo/html/',
                data: {
                    html: function () {
                        response++;
                        return response;
                    }
                },
                dataFilter: function (data, type) {
                    $('#log').append('returning ' + messages[data % 3] + '<br>');
                    return '"' + messages[data % 3] + '"';

                },
                type: 'post'
            }
        }
    }
});