[JavaScript]Formularz validate jqury Opcje

[atom90]

Postanowilem użyt tego pluginu do walidacji formularza. Niestety potrzebuje jeszcze aby podczas tej walidacji pokazywał się obok inputa div z obrazkiem czy poprawnie zostało wypisane pole czy też nie, nie wiem jak dokładnie to zaimplementować

Kod

$(document).ready(function() {
    $("#formularz").validate({

        rules: {
            name: {
                required: true,
                minlength: 2
            },
            email: {
                required: true,
                email: true
            },
            url: {
                url: true
            },
            comment: {
                required: true
            }
        },
        messages: {
            name: {
                required: 'Pole wymagane',
                minlength: 'Wpisz conajmniej {0} znaki'
            },
            email: {
                required: 'Pole wymagane',
                email: 'Wpisz poprawny adres email'
            },
            url: {
                url: 'Wpisz poprawny adres URL'
            },
            comment: {
                required: 'Pole wymagane'
            }
        }

    });

//    $('#reg').click(function() {
//        if($("#cname").hasClass("valid"))
//            console.log("poprawnie");
//        else
//            console.log("niepoprawnie");
//    });
    $('#cname').on("keyup", function(){
        if($("#cname").hasClass("valid"))
           console.log("poprawnie");
       else
        console.log("niepoprawnie");
    });
    $('#cemail').on("keyup", function(){
        if($("#cemail").hasClass("valid"))
            console.log("poprawniem");
        else
            console.log("niepoprawniem");
    });

});

Probowałem robić pewne podchody by to aktualnie zmieniać status, ale to nie działa tak jak bym chciał, bo wystarczy ze wkleje poprawnie cos do pola to plugin nie wywali bledu, ale moje keyupy wywala ze niepoprawne. Chyba ze cos w pluginie samym da sie dodatkowego zrobic. Cel jest taki aby był ten komunikat o bledzie z pluginu na dole pod inputem, a obok ikonka o poprawnym wpisaniu lub blednym.

[atom90]

no troche nieciekawie moze to wygladac w polu adress gdy tekst najedzie na ta ikonke. hmm aktualnie zrobilem cos takiego

Kod

$('#reginster').click(function() {
          setTimeout(function(){if($("#fname").hasClass("valid"))
        $("#imie").find( ".icon" ).css( "background", "url(ok.png) no-repeat center center" );
      
       else if($("#fname").hasClass("error"))
            $("#imie").find( ".icon" ).css( "background", "url(iks.png) no-repeat center center" );}, 100);
      
      
   });

timeout bo czasem nie wychwicil ze clasa sie zmienila i nie dawal tego, ale to jest problem ze poprostu po kliknieciu przycisku dopiero sie zmienia to tlo. hmm no i do kazdego id(pola) takie warunki :/ myslalem jeszcze nad tym by w tablicy zapisac idki tych pol i po petli przejechac