Kwestia walidacji różnego rodzaju formularzy z polami typu checkbox z wykorzystaniem JavaScript to niby sprawa bardzo prosta, ale dosyć często ktoś pyta mnie o rozwiązanie takiego „problemu”. Postanowiłem więc na prostym przykładzie pokazać jak zrobić taką walidację zarówno z wykorzystaniem czystego JavaScript jak i biblioteki jQuery. Zwrócę również uwagę na problem powstający w momencie „tablicowego” nazewnictwa pól, dzięki któremu w przypadku pól checkbox po stronie PHP wygodnie przetwarzamy sobie przesłane dane.
Zapewne wielu z Was kojarzy choćby stroną Wirtualnej Polski. Wchodząc na ów stronę widzimy mniej więcej na środku ekranu box reklamowy gdzie co parę sekund zmienia się element reklamowy czyli po prostu obrazy z odsyłaczami. Na pierwszą myśl wielu przychodzi na myśl technologia Flash jednak wystarczy kliknąć prawym przyciskiem myszy, aby przekonać się, że standardowe menu pliku swf się nie pokaże, a zamiast tego zwykłe menu podręczne przeglądarki. Wiadomo więc, że mamy do czynienia z użyciem języka JavaScript.
W to niedzielne popołudnie postanowiłem troszkę pobuszować w sieci i zajrzałem na stronę ranking.pl i od razu się uśmiechnąłem. Dlaczego ? Jak zauważyć można archaiczna i przynosząca tylko same problemy Webmasterom i Internautą przeglądarka Microsoftu oznaczona numerkiem 6 utrzymuje wciąż tendencję spadkową i to na niezłym poziomie (ponad 11%). Jestem ogromnie zadowolony, że ludzie odchodzą od „tego czegoś” i podążają w kierunku nowoczesnych przeglądarek lub instalują najnowszą wersje IE.
Oto przykład bardzo prostego, ale moim zdaniem bardzo przydatnego skryptu. Skrypt, który nie pozwala na wpisanie do danego pola formularza większej ilości znaków niż określona. Jest to przydatne zarówno dla naszych stron – aby odwiedzający, który wypełnia sobie tam jakiś formularz (czegokolwiek logowania, wyszukiwania itp.) nie musiał liczyć znaków i zastanawiać się czy czasem nie wpisał ich za dużo, ale również dla Nas samych.