Jquery validate-> zmiana kolorów dla wybranych reguł

Witam,
Panie i Panowie, mam nie lada problem. Używam Jquery Validate, mam np 2 reguły. Email: required oraz email:true.

I moje pytanie. Jak ustawić odzielne kolory(klasy) dla required oraz dla true? Potrzebuję komunikatów o oddzielnym ostylowaniu. Z góry dzięki za pomoc:) jak ktoś z Warszawy stawiam Piwko :P

@Maciejos92 dobre biblioteki mają to do siebie, że dają Ci tzw. hooka, czyli możliwość podpięcia się do jakiejś akcji. Coś Ci ten input validuje, musisz odszukać czy ta biblioteka daje Ci możliwość "wpięcia się" i dodania klasy takiej, jakiej chcesz (do ostylowania).

To powinien być Twój pierwszy odruch jak w przyszłości będziesz czegoś takiego szukał. Tutaj masz dokumentację - poszukaj sobie, czy możesz się gdzieś wpiąć i wyciągnąć informacje na temat tego co/jaka walidacja nie przeszła (czy input pusty, czy błędna wartość). Jeżeli Ci się nie uda zakodować tego samemu to Ci pomogę.

Dzięki bardzo za odpowiedź. Jednak nie mogę dać sobie rady. Napisałem na priv:)

@Maciejos92 na przyszłość pisz w wątku, nie na PW.

Używamy tego hooka. Proszę przeczytaj ten kod i jak masz pytania to je zadawaj - odpowiem. Nie chcę, żebyś zrobił tylko ctrl + c i ctrl + v.

...

showErrors: function(errorMap, errorList) {
    // ukrywamy wszystkie errory, a pokazujemy tylko te, co są w errorList
    $(this.currentForm)
      .find('.error')
      .hide();

    errorList.forEach(function(error) {
      var input = $(error.element);
      var errorContainer = input.next('.error');
      var classNames = ['error'];

      if (errorContainer.length === 0) {
        errorContainer = $('<div />');
        input.after(errorContainer);
      }

      if (error.method == 'required') {
        classNames.push('required');
      }

      errorContainer
        .text(error.message)
        .attr('class', classNames.join(' '))
        .show();
    });
  },

...

JSFiddle

Kurczę przeanalizowałem to... Jednak nadal nie mogę sobie poradzić z tym cholerstwtem ;/