Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Walidacja formularzy
Forum PHP.pl > Forum > Przedszkole
Guest
Witam! Chciałbym zrobić walidację do formularza. Chyba najlepiej byłoby zrobić to w js, żeby zwalidować wpisany tekst w formularzu przed wysłaniem. Chodzi mi o coś takiego jak na tej stronce. Bo znalazłem inne tylko wyskakuje okienko, że nie wypełniono pól, a ja chcę żeby pokazywała się ta czerwona gwiazdka i żeby żadnych okienek nie było.
Z góry dziękuję za pomoc.
macza
aarambo.gif jest na to bardzo prosty sposob mianowicie:
masz formularz w tabeli:

  1. <tr>
  2. <FORM metody>
  3. <td><input type="text" name="pole1"></td>
  4. <td>
  5. <!-- sprawdza pole1 i wyswietli cos jak nie jest ok -->
  6. <script language="javascript">
  7. function sprawdz(){
  8. if(document.formularz.pole1.value==""){
  9. document.write('ŹLE WYPEŁNIŁEŚ POLE <img src="jakis rysunek moze byc">');
  10. return false;
  11. }
  12. return true;
  13. }
  14. </script></td>
  15. </tr></table>


Reszte skryptów do obsługi sprawdzania biggrin.gif znajdziesz:
tutaj

i juz
Guest
No to mam coś takiego:
Kod
<html>
<head>
</head>
<body>
<form name=formularz>
<input type="text" name="pole1"></td>
<!-- sprawdza pole1 i wyswietli cos jak nie jest ok -->
<script language="javascript">
function sprawdz(){
if(document.formularz.pole1.value==""){
document.write('ŹLE WYPEŁNIŁEŚ POLE');
return false;
}
return true;
}
</script>
<input type=button value=wyślij onClick="sprawdz()">
</form>
</body>
</html>

tyle że komunikat "ŹLE WYPEŁNIŁEŚ POLE" pojawia się na innej stronie i trzeba się cofać na stronę z formularzem. Dało by się coś zrobić żeby była * obok textboxa przy którym jest błąd i pod nim np. napis "To pole nie może być puste" ?
Guest
Albo jak ktoś potrafi to nich przerobi skrypt na tej stronie żeby było 4 inputów.
Pierwszy od np. imienia i żeby nie mogło być puste, 2 to e-mail i żeby sprawdzał czy to e-mail i hasło1 i hasło2 i żeby je porównać czy są takie same.
Bo jak ja próbuję ten skrypt dostosować do swoich potrzb to coś nie działa sad.gif
Balon
Kod
<html>
<head>
</head>
<body>
<form name=formularz onSubmit="return sprawdz()">
<input type="text" name="pole1"></td>
<!-- sprawdza pole1 i wyswietli cos jak nie jest ok -->
<script language="javascript">
function sprawdz(){
if(document.formularz.pole1.value==""){
document.write('ŹLE WYPEŁNIŁEŚ POLE');
return false;
}
return true;
}
</script>
<input type=button value=wyślij>
</form>
</body>

</html>
Guest
Cytat(Balon @ 2006-05-02 16:48:08)
Kod
<html>
<head>
</head>
<body>
<form name=formularz onSubmit="return sprawdz()">
<input type="text" name="pole1"></td>
<!-- sprawdza pole1 i wyswietli cos jak nie jest ok -->
<script language="javascript">
function sprawdz(){
if(document.formularz.pole1.value==""){
document.write('ŹLE WYPEŁNIŁEŚ POLE');
return false;
}
return true;
}
</script>
<input type=button value=wyślij>
</form>
</body>

</html>

Wogóle nic się nie dzieje po kliknięciu na Wyślij sad.gif
nospor
kod balona zapomnial, ze przycisk submitujący ma type="submit" a nie button winksmiley.jpg
ale i tak raczej nie spelnia on Twoich zalozen
macza
A nie mozna tego w php zrobic?
Guest
Cytat(macza @ 2006-05-05 12:05:54)
A nie mozna tego w php zrobic?

oczywiście że można smile.gif
Chcę zrobić 3 strony formularza. N pierwszej stronie żeby podawało się login, hasło, powtarzało hasło i email. Zeby na drugą strone można było przejść uzupełniając te dane. Na drugiej stronie chcę żeby podawało się inne mniej ważne dane jak np. strona www, numer gg itp.
Jeśli ktoś byłby tak miły i napisał mi to byłbym bardzo wdzięczny smile.gif
Master Miko
1. Czemu chcesz to tak rozdrabniać... po co? Tylko w ten sposób wkurzasz osobnika, który klikać musi i za każdym razem coś wypełniać tongue.gif

2. Nie należy polegać na JavaScripcie... bo ktoś może go sobie wyłączyć w przeglądarce... a php nie smile.gif

3. Sam napisz, trudne to nie jest. Możemy najwyżej dawać Ci uwagi smile.gif

4. żeby oddzielić ważne info od tego mniej ważnego, poprostu daj pare BRek smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.