Sprawdź poprawność danych wprowadzonych przez użytkowników z jQuery i PHP

Weryfikacja naszej stronie klienta formularza stają się łatwe dzięki jQuery, ale być naprawdę pewni, że dane wprowadzone przez użytkownika zostały przekazane zgodnie z naszymi oczekiwaniami je za dobry pomysł, aby powielać sprawdzić po stronie serwera.

Ale jeśli używamy AJAX do komunikowania się z serwerem (a więc z PHP na przykład), może podjąć decyzję o przekazaniu wszystkich kontroli bezpośrednio do serwera.

Przygotowanie wystąpienia

W naszym przykładzie, napewno będziemy potrzebować jQuery, PHP i jQuery UI wiernych

W chwili pisania jQuery UI pakiet zawiera wersję 1.8.10 do skryptu i jQuery 1.4.4, więc nie ulec pokusie, aby korzystać z nowej jQuery 1.5, które opisałem tutaj i "być zadowolonym" proponowanego pakietu.

Wybieramy temat neutralny temat walca Ui :

Następnie przejdź do pobrania, czego nam potrzeba:

Znajdziemy w pobranym pakiecie. "Js" użyteczne i jquery jquery-ui-1.4.4.min.js-1.8.10.custom.min.js w folderze js, css do folderu i możemy pozbyć się tej samej nazwie rozwój-bundle folderu i pliku index.html jako

Mamy struktury całego drzewa w spójny i jest to wynik pokazuje, że jak Eclipse :

Jak widać na zdjęciu dodaliśmy plik index.html w katalogu głównym, index.js w js i css w style.css jeden, mamy również utworzony folder "php" z wewnątrz pliku: że remote.php zadbać o walidacje po stronie serwera.

Scenariusz

Wyobraź sobie, aby utworzyć prosty formularz na zakup danych użytkownika, aby zapisać je w hipotetycznym bazy kontaktów.

Skupimy się na walidacji pól wprowadzania danych przez użytkownika, a nie faktycznego składowania danych, która jest poza naszym rozumieniu, to wtedy wystarczy umieścić w odpowiednim miejscu z połączenia bazy danych w celu włączenia uzyskanych informacji. Będziemy korzystać z jQuery UI element, aby wyświetlić okno dialogowe ostrzega użytkownika, by mieć coś więcej miłą dla oka, nowoczesna klasyka alert dostarczany przez przeglądarki.

• <<
• 1
• 2
• 3
• 4
• >>