JavaScript - obsługa zdarzeń w formularzach

Kod:

Ewentualne Objaśnienia:

Bardzo przydatną rzeczą są zdarzenia  - zdarzenie to na przykład kliknięcie na przycisk, zmiana tekstu w polu formularza itd. Dla każdego takie zdarzenia możemy napisać obsługę, funkcję czyli to co ma się stać w momencie danego zdarzenia.
Tutaj mamy przykład zdarzenia onSubmit formularza - jak widać wystąpienie tego zdarzenia powoduje załadowanie strony określonej w polu tekstowym o nazwie adres.

Tutaj dwa razy pojawia się ten sam formularz - ten drugi to pewna nowa rzecz - this - czyli określenie elementu w którym aktualnie się znajdujemy - jak widzicie zamiast pisać window.document.formularz wpisujemy sobię po prostu this, ponieważ właśnie znajdujemy się w elemencie formularz (formularz HTMLowy o nazwie formularz). Warto o tym pamiętać bo to sprawia, że kod jest czytelniejszy, krótszy no i zawsze to mniej pracy dla nas jako programistów ;) Podobnie jakbyśmy na przykład chcieli napisać akcję sprawdzającą zawartość jakiegoś pola formularza - na przykład mamy funkcję sprawdzLiczbe(liczba), która sprawdza czy wartość podana jako parametr jest liczbą całkowitą i teraz robimy zdarzenie onChange w polu tekstowym no to bez sensu pisać sprawdzLiczbe(window.document.formularz.pole.value) o wiele ładniej i prościej sprawdzLiczbe(this.value) ponieważ znajdujemy się w danym polu więc this.value odnosi się do jego wartości (value).

Lista zdarzeń obsługiwanych przez elementy zdarzenia :
- onClick - kliknięcie - elementy : submit (button), checkbox, radio
- onChange - zmiana wartości pola lub obszaru tekstowego albo rozwijanego menu - elementy text, textarea oraz select
- onSubmit - naciśnięcie klawisza ENTER w momencie kiedy kursor jest w polu tekstowym lub kliknięcie na przycisk submit - formularz (tak jak w tym przykładzie) .