Forum Debian Users Gang

Rumi · 2009-12-17 20:35:32

jak szybko łatwo i przyjemnie sprawdzić formularz przy jego wysłaniu z inputami text i radio ?

Minio · 2009-12-17 21:10:15

Szybko, łatwo i przyjemnie się nie da.

Przy wysyłaniu formularza (zdarzenie submit) musisz przelecieć wszystkie pola i sprawdzić czy wymagane pola mają jakąś treść (przy okazji warto sprawdzić czy zawartość pól jest zgodna z ich przeznaczeniem). W przypadku znalezienia błędu należy oznaczyć pole jako niewłaściwie wypełnione. Informowanie przy pomocy alerta jest niezwykle irytujące i od pewnego czasu nieużywane — zaś budowanie elementów strony przy pomocy czystego JS jest cokolwiek pracochłonne. Można odpowiednie informacje umieścić na stronie i domyślnie ukryć CSS-em — a potem pokazać jeśli trzeba.

Ale to nie wszystko. Warto zadbać żeby użytkownik od razu dowiadywał się jeśli wpisał coś źle — wtedy trzeba skorzystać ze zdarzenia blur elementu formularza, uruchamianego z chwilą gdy użytkownik opuszcza dane pole.

Poczytaj o tym u Petera-Paula Kocha:
http://www.quirksmode.org/js/forms.html
http://www.quirksmode.org/js/formex.html (tak się już nie robi)
http://www.quirksmode.org/dom/error.html

Rumi · 2009-12-17 21:19:01

nei zdecydowanie wole irytującego alerta ;P

szewczyk · 2009-12-18 09:30:22

lub połączyć JS + Ajax ,wtedy masz pewność że pola są wypełnione poprawnymi danymi i oprucz walidacji w JS i PHP masz tylko w jednym miejscu ;)

Rumi · 2009-12-18 10:33:36

a dupa dupa ja chce tylko sprawdzać czy nie ma wolnych pól :P

Widze że jak sie Kamikaze nei doczekam o sie nic nei dowiem :P

Ostatnio edytowany przez Rumi (2009-12-18 10:34:12)

kamikaze · 2009-12-18 11:14:04

No to jak pisali poprzednicy, możesz to zrobić w JS przed wysłanie, w PHP po wysłaniu, w AJAX przed wysłaniem z pełną walidacją w PHP, której może nie umożliwiać sam JS. Jak chcesz sprawdzić zawartość samych pól to w JS możesz sprawdzać wartości tych pól. Tu masz fajny tutorial:

http://www.learn-javascript-tutorial.com/FormValidation.cfm

Jakchcesz w PHP to chyba też nie trudno, pewnie wiesz co i jak. A jak nie to zadawaj konkretne pytania. Ważne aby walidacja w PHP zawsze była przy wysyłaniu bo JS można oszukać, PHP już nie bardzo.

Rumi · 2009-12-18 11:27:53

w php wiem tylko duzo babrania będzie dla krótkiego formularza .. chciałem js zeby było szybko no trudno będzie nie szybko

kamikaze · 2009-12-18 11:52:59

No niestety jak ma być bezpieczne to trzeba. Bo tak to użytkownik wyłącza JS w przeglądarce i walidacja siada. Jakbyś używał jakiegoś frameworka, który ma wbudowaną obsługę gotowych walidatorów byłoby szybciej i łatwiej Tylko to łatwiej dotyczy przypadku gdy już znasz troche framework ;]

jezoo · 2009-12-18 13:19:13

np:

Kod:

function getValue(id){
return document.getElementById(id).value;
}

function check(id){
var val=getValue(id);
if(val.length<1){
alert('Nie wypelniono formularza!');
}
}

Forum Debian Users Gang

Ogłoszenie

#1 2009-12-17 20:35:32

Rumi - prawiczek erotoman

[js] sprawdzanie formularza pod kątem pustych pól

#2 2009-12-17 21:10:15

Minio - Użyszkodnik

Re: [js] sprawdzanie formularza pod kątem pustych pól

#3 2009-12-17 21:19:01

Rumi - prawiczek erotoman

Re: [js] sprawdzanie formularza pod kątem pustych pól

#4 2009-12-18 09:30:22

szewczyk - Stary wyjadacz :P

Re: [js] sprawdzanie formularza pod kątem pustych pól

#5 2009-12-18 10:33:36

Rumi - prawiczek erotoman

Re: [js] sprawdzanie formularza pod kątem pustych pól

#6 2009-12-18 11:14:04

kamikaze - Administrator

Re: [js] sprawdzanie formularza pod kątem pustych pól

#7 2009-12-18 11:27:53

Rumi - prawiczek erotoman

Re: [js] sprawdzanie formularza pod kątem pustych pól

#8 2009-12-18 11:52:59

kamikaze - Administrator

Re: [js] sprawdzanie formularza pod kątem pustych pól

#9 2009-12-18 13:19:13

jezoo - Dzięcioł

Re: [js] sprawdzanie formularza pod kątem pustych pól

Kod:

Stopka forum