Prosta walidacja formularza za pomocą skryptu JavaScript

JS - podstawy 3 komentarze »

Podczas wypełniania formularza (np. formularz kontaktowy, formularz zamówienia, formularz rejestracyjny) zachodzi potrzeba sprawdzenia poprawności wprowadzonych danych. Najprościej jest przeprowadzić walidację na poziomie skryptu PHP (czyli gdy przechwytujemy dane wpisane w formularzu to tuż przed dodaniem rekordu do bazy danych sprawdzamy, czy wszystkie pola zostały wypełnione i czy wprowadzone dane mają poprawny format (np. czy adres e-mail ma prawidłowy format, czy oba hasła się pokrywają, czy kod pocztowy jest w formacie ab-cde itp.) Jeśli dane są błędne to zamiast wykonać oczekiwaną akcję należy ponownie załadować formularz i zwrócić stosowny komunikat błędu).

Jednak walidacja na poziomie skryptu PHP ma pewną wadę: użytkownik musi poczekać, aż strona internetowa się przeładuje, zanim się dowie, że w polu nazwisko nic nie wpisał. Dużo wygodniej jest wprowadzić walidację poprzez dodanie prostego skryptu w języku JavaScript, który jeszcze przed wysłaniem formularza „z grubsza” sprawdzi, czy wszystko jest w porządku (np. sprawdzi, czy wszystkie obowiązkowe pola zostały wypełnione). Poniżej przedstawiam przykładowy formularz z odpowiednim kodem JavaScript odpowiedzialnym za walidację danych.

Czytaj dalej »

Tagi: , , , ,

WordPress - Hosting: Twój hosting - Skórka: N.Design Studio - Spolszczenie: Adam Klimowski.
RSS wpisów RSS komentarzy Zaloguj się