Walidacja formularza - zielony znak ok Opcje

[d4ng]

Witajcie, potrzebuje zrobić taki efekt jak na załączonym obrazku. Otóż po uzupełnieniu pola "Nazwisko" obok pojawia się zielony znak ok. Jak coś takiego zrobić? Mogę prosić o jakiś przykład a nie przekierowanie na inne strony? Zależy mi na prostym skrypcie który będzie tylko sprawdzał czy pole jest wypełnione. Z góry dziękuje i pozdrawiam

[thek]

Ogólnie- > JavaScript. Reagujesz na zdarzenie onChange danego inputa. Wewnątrz obsługi masz jakąś operację, która sprawdza poprawność danych (długość, dozwolone znaki czy cokolwiek) i w zależności od wyniku wykonuje operację dołączenia obrazka za element lub cokolwiek innego co tam chcesz. Zależnie czy ma być w czystym JS czy w jakiejś bibliotece, będzie to ciutkę inaczej wyglądać. Tak czy inaczej najlepiej zawsze sprawdzać cy aby za elementem obrazek już aby nie występuje. Jeśli już jakiś jest to najprościej mu wtedy zmieniać src.

[d4ng]

Dziękuje za odpowiedź jednak zasadę działania znam tylko nie umiem tego poprawnie napisać czy mógłbym prosić o przykładowy kod? Potem będę rozbudowywał np. sprawdzanie czy w ciągu znaków jest @ itp tylko zależy mi na tym najbardziej elementarnym przykładzie bo grunt to dobrze poznać podstawy. Poniżej załączam kod do wyposażenia w wcześniej wspomnianą funkcję (zielony ptaszek ok po uzupełnieniu pola nazwisko):

[HTML] pobierz, plaintext 
<tr>
   <td><span class="required">*</span> Nazwisko:</td>
   <td><input type="text" name="lastname" value="" /></td>
</tr>
[HTML] pobierz, plaintext 

Z góry dziękuję za pomoc i pozdrawiam