JQuery Validate: Custom message not working

Question

      rules: {
        email           :   {
            required        :   true,
            email           :   true,
            remote: {
                    url: SITE_URL + 'index.php?sign_up/emailValidate',
                    type: "post",
                    data: {
                      email: function() {
                        return $("#email").val();
                      }
                    }
                  }

        }

      },
      message:{
           email:   {
                required        :   "Email cant be empty.",
                email           :   "Please enter a valid email",
                remote          :   "This email already exists."

            }
      }

Answer 1

You have a typo in your code. You should use 'messages' instead of 'message'.

messages:{
           email:   {
                required        :   "Email cant be empty.",
                email           :   "Please enter a valid email",
                remote          :   "This email already exists."

            }