PHP, sprawdzanie danych “na żywo” z input

Szymoon202 | 2021-02-17 10:25:48 UTC | #1

Cześć, podrzucicie jakiś tok, lub kawałek kodu który będzie na żywo sprawdzać dane z danego pola? Podobne działanie jak na stronie logowania http://x-kom.pl/logowanie w tych okienkach. Nie chce gotowego kodu, lecz jakiś pomysł jak to wykonać. Jquery?


SystemZ | 2018-03-31 14:27:48 UTC | #2

Rozwiązanie ma dwie części.
Backend tam gdzie przyjmujesz i weryfikujesz dane oraz frontend gdzie w wyniku jakiejś akcji wysyłasz zapytanie do wspomnianego backendu. O którą część pytasz?

BTW To już jakaś gotowa strona i tylko chcesz dodać mały element czy potrzebujesz tylko jednej samodzielnej strony z tą funkcją?


Szymoon202 | 2018-03-31 14:49:38 UTC | #3

Dotychczas korzystałem z formy, gdzie po kliknięciu na przycisk wszytkie dane wysyłane były do innego pliku. Tam były sprawdzane pod różnymi kątami i jeżeli coś było nie tak, skrypt przekierowywal na stronę poprzednia, ustawiał zmienna sesyjną z błędem i pokazywał ten błąd dla użytkownika a następnie usuwał tą zmienna. Jeżeli wszystko było okej, użytkownik mógł dokończyć proces rejestracji. Chciałem trochę to zmienić tak, aby wszytkie dane były na żywo sprawdzane i jeżeli coś się nie zgadza, to pokazuje ten błąd od razu a nie dopiero po kliknięciu na akcje.
Strona jest w zasadzie gotowa, ale chce to zmienić, taki update.
Backend, czyli sprawdzanie danych mam napisany..
Na stronie która podałem jest pokazane właśnie to działanie.


SystemZ | 2018-03-31 15:32:42 UTC | #4

Jeśli masz już obsługę formularza to nie będzie dużo roboty po stronie backendu.
Przygotuj sobie stronę na backendzie która będzie zwracać informację czy wpisane pole jest OK.

Potem jeśli korzystasz z jQuery wystarczy że użyjesz $.ajax()
https://api.jquery.com/jQuery.ajax/

Funkcja ta z odpowiednimi parametrami i linkiem do strony zwróci Ci informację z backendu i wtedy możesz wykonać akcję typu dodanie klasy “error” czy “ok”, a te klasy już mogą mieć np. inny styl w postaci koloru tekstu co będzie informować użytkownika prawie w czasie rzeczywistym czyli to czego potrzebujesz.


Szymoon202 | 2018-03-31 15:41:50 UTC | #5

Nadal nie bardzo rozumiem jak to ma działać. Postaram się poszukać w Google żeby was nie męczyć


SystemZ | 2018-04-15 09:25:00 UTC | #6

Zasada działania jest generalnie bardzo prosta.
Używając funkcji w jQuery odwiedzasz stronę automatem (w tle więc nie widzi jej użytkownik), na podstawie odpowiedzi tej strony modyfikujesz obecnie wyświetlaną stronę :slight_smile:


system | 2021-02-17 10:25:56 UTC | #7

Ten temat został automatycznie zamknięty 32 dni po ostatnim wpisie. Tworzenie nowych odpowiedzi nie jest już możliwe.