Walidacja przed wysłaniem danych do php Opcje

[Asmox]

Witam. Zastanawiam się jak zrobić, aby JavaScript w prosty sposób sprawdził dane z formularza (czy w roku email user wstawił znak @ i tak dalej) i dopuścił dane do skryptu php wtedy i tylko wtedy, jeśli dane przejdą walidację pomyślnie. Czy javascript posiada funkcję zatrzymania wysyłania danych z formularza?

[kamil4u]

Poczytaj o wyrażeniach regularnych lub znajdź gotowca na np. e-mail, później piszesz funkcję typu:

Kod

<script>
function sprawdz()
{
var errors = '';
if(jakiespole != costam) errors+="BLABLA1 \n";
if(jakiespole2 != costam2) errors+="BLABLA2 \n";
//itd
if(errors == '') {return true;} else { alert(errors); return false;}
}
</script>
----------------------
<form action="itd" onSubmit="return sprawdz();">

Przypominam, że w skrypcie PHP też musisz sprawdzić poprawność danych na wypadek gdyby ktoś nie miał włączonego JS

[piotrooo89]

ja bym proponował AJAX'a. z uwzględnieniem jQuery. naprawdę ciekawe rzeczy można z tym wyczyniać.

[kamil4u]

ja bym proponował AJAX'a. z uwzględnieniem jQuery. naprawdę ciekawe rzeczy można z tym wyczyniać.

@piotrooo89: a co Twoja wypowiedź wnosi do tematu? Gdybyś dał chociaż przykład zastosowania tu tych technologi(a raczej skryptów) lub jakiś algorytm to IMO miałoby to sens. To tak jakbym napisał: "ale przecież można użyć flasha lub Javy (nie JS), aby to zrobić , bo można 'tworzyć' ciekawe efekty" - i co nie miałbym racji? Tylko po co?

[piotrooo89]

poszerzam zagadnienie.

Gdybyś dał chociaż przykład zastosowania tu tych technologi

i co jeszcze pewnie będę musiał to odpowiednio skonfigurować aby działało? niech poszuka w googlach. rzuciłem temat ponieważ być może on nie wie że istnieje możliwość validacji formularza.

btw. Twój przykład jest troszkę toporny i mało uniwersalny.

[kamil4u]

i co jeszcze pewnie będę musiał to odpowiednio skonfigurować aby działało? niech poszuka w googlach. rzuciłem temat ponieważ

Genialne! Ja zaproponowałem Javą - i co Twoim zdaniem to jest rozszerzenie tematu, czy zupełnie nie potrzebna informacja? Poza tym co trzeba konfigurować? I w końcu co ma poszukać w Google? Co to jest jQuery? Jak Twoim zdaniem ma wykorzystać tą wiedzę(skrypt), skoro nie wie co ma z tym zrobić? Napisz może jaki jest Twoje rozwiązanie problemu ~Asmox -a.

być może on nie wie że istnieje możliwość validacji formularza.

No racja nie wie. Tylko nie wiem dlaczego w temacie pyta o to jak to zrobić, dziwne co?

btw. Twój przykład jest troszkę toporny i mało uniwersalny

Chodzi Ci o:

Kod

if(jakiespole != costam) errors+="BLABLA1 \n";

to oczywiście if-a trzeba odpowiednio zmodyfikować np. żeby sprawdzał poprawność adresu e-mail (jeśli o to Ci chodzi). Jeśli nie oto to rozwiń co masz na myśli - mało uniwersalny? Podaj chociaż jedną wadę mojego rozwiązania w porównaniu z Twoim(choć nadal nie wiem jakie to rozwiązanie)

Pozdrawiam

PS. Nie miej mi za złe takiej krytyki Twoich postów(z tego tematu), ale po prostu nie mogę zrozumieć po co to napisałeś. Żeby mieć więcej postów/pomógł? Nie wierze - i tak masz ich już dużo, w takim razie po co? I nie mam Ci za złe, że udzielasz się w temacie - to dobrze, tylko jakbyś podał inne rozwiązanie problemu, a nie tylko technologię do realizacji tego problemu

Ten post edytował kamil4u 8.03.2009, 21:56:59

[piotrooo89]

czy dostrzegasz subtelną różnice między Java a JS/AJAX? jeśli nie nie czytaj dalej. jeśli tak to rozwiązanie AJAX'em IHMO jest elegantsze i można z nim wyczyniać czego dusza zapragnie.

No racja nie wie. Tylko nie wiem dlaczego w temacie pyta o to jak to zrobić, dziwne co?

zapytał wyraźnie o js, ja również js utożsamiam AJAX'a który przewyższa ją możliwościami.

Podaj chociaż jedną wadę mojego rozwiązania w porównaniu z Twoim(choć nadal nie wiem po co)

zrób sobie 100 pól w formularzu i przevaliduj wszystkie. albo chociaż 60%. good luck and have fun.

PS. Nie miej mi za złe takiej krytyki Twoich postów(z tego tematu), ale po prostu nie mogę zrozumieć po co to napisałeś. Żeby mieć więcej postów/pomógł? Nie wierze - i tak masz ich już dużo, w takim razie po co?

nie mam za złe, ponieważ prowadzimy dyskusje, a to forum dyskusyjne więc dopóki mnie nie obrażasz, krzyczysz etc jest OK .

co do tematu:
http://marcgrabanski.com/pages/code/clean-form-validation
jeden z najprostszych validatorów jQuery, sam z niego korzystam.

a tu moja paczka wraz z przykładem użycia lekko przerobiona:
http://www.sendspace.pl/file/0XAOOgYx/

[blooregard]

Pozwolicie, że się wtrącę:

zapytał wyraźnie o js, ja również js utożsamiam AJAX'a który przewyższa ją możliwościami.

A niby czym jest Ajax, jeśli nie JavaScriptem ? Ajax to ogólne określenie technologii, która pozwala w taki czy inny sposób na realizację żądania przeglądarki BEZ przeładowywania strony, czy to za pomocą iFrame, czy też obiektu HttpXMLRequest. Ale nadal jest to tylko JavaScript.
Nie myl pojęć - AJAX to nie jest jakiś język programowania, przewyższający JS, jak to ująłeś.

[piotrooo89]

dlatego napisałem że utożsamiam JS z AJAX'em.

[blooregard]

ja również js utożsamiam AJAX'a który przewyższa ją możliwościami.

No to kogo przewyższa? Javę? Bo tak trochę niezrozumiale to ująłeś

[kamil4u]

jeśli tak to rozwiązanie AJAX'em IHMO jest elegantsze i można z nim wyczyniać czego dusza zapragnie.

Chyba mylisz pojęcia: Ajax != jQuery Wiki:

AJAX (ang. Asynchronous JavaScript and XML, Asynchroniczny JavaScript i XML) – technologia tworzenia aplikacji internetowych, w której interakcja użytkownika z serwerem odbywa się bez przeładowywania całego dokumentu

zapytał wyraźnie o js, ja również js utożsamiam AJAX'a który przewyższa ją możliwościami.

Źle Cię zrozumiałem albo Ty mnie

zrób sobie 100 pól w formularzu i przevaliduj wszystkie. albo chociaż 60%. good luck and have fun.

Pętla i po sprawie ( przy założeniu, że validacja różnych pól będzie taka sama ) - oczywiście ja nigdy nie sprawdzałem 100 pól a max około 15 i

dopóki mnie nie obrażasz, krzyczysz etc

Nie mam w zwyczaju obrażać kogoś dlatego, że się z nim nie zgadzam

jeden z najprostszych validatorów jQuery, sam z niego korzystam.

Nie korzystam z jQuery, ale mogę Cię zapewnić, że po lekkiej przeróbce mojego kodu mogę dostać taki sam efekt

I widząc, że się nie rozumiemy napisze jeszcze raz prośbę do Ciebie: nie pisz jakich technologi można użyć, tylko jak je wykorzystać w danym temacie/problemie i o to mi się "rozchodzi" - gdybyś dał linka w swoim 1 poście nie byłoby całej tej dyskusji - tak sadze

Pozdrawiam

Ten post edytował kamil4u 8.03.2009, 22:26:59

[piotrooo89]

No to kogo przewyższa?

no fakt troszke nie zrozumiałe, chodziło mi o to że AJAX przewyższa czystą JS. możliwości przy użyciu AJAX'a są większe aniżeli przy zastosowaniu samej JS.

[erix]

AJAX, to jest element JavaScript...

Ok, na temat proszę.

[Asmox]

1. Nie kłóćmy się
2. Czy jest w końcu jakiś sposób na zatrzymanie wysyłania danych do skryptu w pisanego w atrybut action ?
3. Czy nie ma ?
4. Oczywiście zamierzam wykorzystać do tego Ajax - formularze bez Ajaxa są do do niczego.

[erix]

Czy jest w końcu jakiś sposób na zatrzymanie wysyłania danych do skryptu w pisanego w atrybut action ?

Przy wywołaniu funkcji w onsubmit dajesz e.preventDefault() lub return false.

1. Nie kłóćmy się

Waść prosisz, a sam co robisz?

Oczywiście zamierzam wykorzystać do tego Ajax - formularze bez Ajaxa są do do niczego.

[piotrooo89]

Czy jest w końcu jakiś sposób na zatrzymanie wysyłania danych do skryptu w pisanego w atrybut action ?

dałem Ci gotowy skrypt + przykład użycia czego chcieć więcej?

[kamil4u]

Albo mi się wydaj albo nadal mylicie pojęcia: Ajax != jQuery. IMO AJAX-a można tu wykorzystać tylko po to, żeby zamiast JS pola zostały sprawdzone przez PHP i dynamicznie przesłać wynik zwrotny do przeglądarki (co IMO jest bez sensu) . Tak więc zwrot typu:

formularze bez Ajaxa są do do niczego.

jest bzdurą (chyba, że rzeczywiście chcesz sprawdzać tak jak opisałem to powyżej, a nie tak jak w linku podanym przez ~piotrooo89) - i jak tu się nie kłócić

Czy jest w końcu jakiś sposób na zatrzymanie wysyłania danych do skryptu w pisanego w atrybut action ?

Jak byś miał czas (przypuszczam, że go nie masz bo w przeciwnym wypadku zrobiłbyś to) i przeanalizowałbyś w swej łaskawości mój kod(lub podany w linku przez ~piotrooo89) to byś się sam domyślił

Ten post edytował kamil4u 10.03.2009, 21:26:52

[piotrooo89]

ja oczywiście się nie zgadzam z takim podejściem. jasne że można stworzyć wyczesaną w kosmos walidacje po stronie JS(chodzi mi tu o czyste JS bez używania frameworków). tylko jak dla mnie zrobienie czegoś w jQuery wydaje mi się takie przejrzyste i eleganckie, co rzecz jasna nie znaczy że JS też takie nie może być - nie chce tu uogólniać). ja rzeczywiście trochę namieszałem z tymi wszystkimi pojęciami. za co z góry przepraszam (używałem skrótów myślowych)

[kamil4u]

Wbrew pozorom się zgadzasz - napisze jeszcze raz:

Ajax to nie to samo co jQuery - Ajax służy do dynamicznego 'kontaktu' z innymi plikami np. PHP, a jQuery to biblioteka, która ułatwia życia webmasterowi ( chodź ja wolę samemu wiele rzeczy zrobić ). Tak więc Ty korzystasz z jQuery (Twój wybór - to jak najbardziej prawidłowo) - natomiast używanie Ajax-u IMO w tym wypadku jest bezużyteczne i nie zgadzam się z twierdzeniem:

formularze bez Ajaxa są do do niczego.

. Mam nadzieję, że już wszyscy znają różnicę, a autor strony poradził sobie ze swoim 'problemem'

Pozdrawiam

[nexis]

AJAX-a można tu wykorzystać tylko po to, żeby zamiast JS pola zostały sprawdzone przez PHP i dynamicznie przesłać wynik zwrotny do przeglądarki (co IMO jest bez sensu)

Niby na jakiej podstawie tak twierdzisz? Sprawdzanie w ten sposób (czyli wysyłanie żądania do skryptu PHP i otrzymanie odpowiedzi) jest jednym z najlepszych rozwiązań, a dlaczego? Właśnie dlatego, że przy walidacji formularzy musisz walidować dwukrotnie (pierwszy raz w po stronie przeglądarki, drugi raz po stronie serwera). Po co więc dwa razy pisać odpowiednie walidatory? Lepiej wykorzystać ten napisany po stronie serwera po stronie przeglądarki.

Jaki są dodatkowe plusy? O ile sprawdzanie składni adresu e-mail jest równie proste w JS jak PHP, to np. sprawdzenie rekordu MX na serwerze DNS w JS już chyba nie wygląda tak pięknie.