jquery validate with multiple rules

Question

How to validate a email address field with three rules with three customized messages in the div container. ie.

rules: {
    email: {
        validationRule: true,
        email: true,
        remote: '/ajax/emailDuplicationCheck.php'
       }
     }

if first one false message should be "validation rule failed"

if second one false(fail) "enter email address"

if third(remote) failed. message should be "Account already exist in database".

I can added one message for all rules but i want to customize the message with respect to the rules.

Answer 1

Try this:

$("#myForm").validate({ // Replace #myForm with the ID of your form
    rules: {
        email: {
            required: true,
            email: true,
            remote: {
                url: "/ajax/emailDuplicationCheck.php",
                type: "post",
                data: { email: function() {
                    return $("#email").val(); // Add #email ID to your email field
                }
            }
        }
    },
    messages: {
        email: {
            required: 'Email address is required',
            email: 'Please enter a valid email address',
            remote: 'This email address has already been used'
        }
    },
    errorPlacement: function(error) {
        $("#response").html(error);
    }
});

Hope this helps !