[jQuery] problem z blurem

0

Witam

Mam pewien problem z jQuery, dopiero się go uczę. Poniżej wklejam kod.

$('.text')
  .focus(function(){
    $(this).addClass("aktywne");
  })
  .blur(function(){
    if($(this).val==''){
      $(this).addClass("invalid");
      $('.error').html('Wypełnij pole email');
    }else{
      $(this).removeClass('invalid');
      $(this).removeClass('aktywne');
      $('.error').html('Pole wypełnione');
    }
  });
<span class="error"></span>
    
    <form action="wyslij.php" method="POST" id="kontakt">
      Twój adres e-mail: <br>
      <input type="text" name="email" class="text"><br><br>
      Treść wiadomości: <br>
      <textarea name="tresc" class="pole"></textarea><br><br>
      <img src="images/wyslij.jpg" id="wyslij">
    </form>

Focus działa. Chcę zrobić tak, aby po opuszczeniu pola jeśli nic do niego nie wpisano zmieniło klasę css, oraz żeby pojawił się napis 'Wypełnij pole email' jednak przy powyższym kodzie po opuszczeniu tego pustego pola odpala się else i napis 'Pole wypełnione'. Co jest nie tak.

Od razu napiszę, że wiem, że sobą odpowiednie biblioteki do walidacji formularzy, ale ja chcę się nauczyć jQuery, nie korzystania z bibliotek.

0

Spróbuj $(this).val() zamiast $(this).val

0

Dzięki za szybką odpowiedź. Faktycznie chodziło o nawiasy.

Pozdrawiam!

1 użytkowników online, w tym zalogowanych: 0, gości: 1