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++;
                        $('#log').append('returning '+messages[response % 3]);
                        return '"'+messages[response % 3]+'"';
                        //return false;
                    }
                },
                type: 'post'
            }
        }
    }
});