[PHP][JavaScript] Validacja formularzy Opcje

[owned]

Witam!
Jak pogodzić action='.php' z onSubmit ? Można zrobić tak aby najpierw sprawdzone zostały pola przez JS a następnie potem wywołane zostało action='.php' ? Co jeśli użytkownik ma wyłączoną obsługę JS. Prosze o pomoc

[Pawel_W]

onsubmit="return validateForm(this)"

jeżeli js wyłączony, a jeżeli nie to wykona się funkcja

w funkcji dajesz return true; jeżeli jest poprawny, jeżeli nie to return false

[vokiel]

Zasadniczo walidacja formularzy może odbywać się dwojako - po stronie przeglądarki -js oraz po stronie serwera - skrypt php.
Polecam wykonywanie jej w obu przypadkach. Sprawdzanie po stronie przeglądarki daje wiele plusów, jednak można w nią zaingerować, zatem koniecznością jest tak czy inaczej sprawdzenie poprawności po stronie skryptu php.

Domyślnie najpierw wywołuje się sprawdzanie po stronie przeglądarki (ponieważ strona działa właśnie w przeglądarce), następnie przeglądarka (po poprawnym zweryfikowaniu formularza) przesyła go do skryptu php, w którym następuje ponowne sprawdzenie.

Jeśli użytkownik ma wyłączone js (2-3% ?) to sprawdzanie po stronie przeglądarki nie zadziała, dlatego tak ważne jest sprawdzanie po stronie serwera - tego nie da się od strony użytkownika wyłączyć.

Pozdrawiam

[owned]

onsubmit="return validateForm(this)"

jeżeli js wyłączony, a jeżeli nie to wykona się funkcja

w funkcji dajesz return true; jeżeli jest poprawny, jeżeli nie to return false

To action='.php' tez mam zamieszczać ? Mógłbyś mi pokazać strukturę <form> ? Prosiłbym o wyjaśnienie tej funkcji na jakimś przykładzie.

[Pawel_W]

robisz normalny formularz i po prostu doklejasz do niego zdarzenie onsubmit

[owned]

w funkcji dajesz return true; jeżeli jest poprawny, jeżeli nie to return false

Chodzi mi o przykład tego sposobu

[Pawel_W]

[HTML] pobierz, plaintext 
<script type="text/javascript">
function validateForm(obj)
{
     if(costam)
     return true;
     else
     return false;
}
</script>
<form action="jakis_plik" method="post" onsubmit="return validateForm(this)">
// formularz
</form>
[HTML] pobierz, plaintext 

if(costam) to oczywiście jakiś warunek, zależy co chcesz sprawdzać

[owned]

Nie działa. Przeładowana jest strona do action='.php' i tyle.

[Pawel_W]

no to może pokażesz swój skrypt?

[owned]

[PHP] pobierz, plaintext

1. <script type="text/javascript">
2. var imie_nazwisko = document.forms ['formularz'].imie_nazwisko.value;
3. //no i tutaj Twoja funkcja gdzie if(imie_nazwisko==''){...
4. </script>
6. <form name="formularz" action="index.php" method="post" onsubmit="return validateForm(this);">
7. <input type="text" name="imie_nazwisko"/>
8. <input type="submit" value="Wyślij"/>
9. </form>

[PHP] pobierz, plaintext

Chcę po prostu sprawdzić java scriptem przed przeładowaniem strony do index.php, czy pole jest puste.

Ten post edytował owned 24.08.2009, 22:48:28

[vokiel]

[HTML] pobierz, plaintext 
<script type="text/javascript">
function validateForm(form){
    var imie_nazwisko = document.forms ['formularz'].imie_nazwisko.value;
    if (imie_nazwisko.length<5){
        return false;
    }else{
        return true;
    }
}
</script>
<form name="formularz" action="index.php" method="post" onsubmit="return validateForm(this);">
<input type="text" name="imie_nazwisko"/>
<input type="submit" value="Wyślij"/>
</form>
[HTML] pobierz, plaintext