Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Sprawdzenie formularza
Forum PHP.pl > Forum > Przedszkole
cycofiasz
14.04.2009, 17:00:00
Witam, ma głupawy problem. Chciałem odciążyć serwer i walidować formularz rejestracji przez js, ale... prosty skrypcik js nie działa jak bym tego oczekiwał...

[HTML] pobierz, plaintext 
  1. function sprawdzenie()
  2. {
  3.     var formularz = document.rejestracja;
  4.     var blad = '';
  5.  
  6.     if( formularz.username.value == '' || formularz.email.value == '' || formularz.password.value == '' ||  formularz.password2.value == '' ||  formularz.captcha.value == '' )
  7.     { blad = 'Uzupełnij wszystkie pola.'; }
  8.  
  9.     if( blad.value != '' ) {alert(blad);}
  10.     else {formularz.submit();}
  11. }
[HTML] pobierz, plaintext


Owszem, działa poprawnie gdy któreś z pól jest puste, ale gdy je wszystkie uzupełnię, to i tak wyświetla się pusty alert... Co mam źle w kodzie?
piotrooo89
14.04.2009, 17:09:36
pokaż formularz.
cycofiasz
14.04.2009, 17:18:51
Nie wiem w jakim celu, ale proszę (baaardzo okrojony, ale i tak błąd na tym samym polega)

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4.   <meta http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" />
  5.   <title>bleble</title>
  6. </head>
  7. <script type="text/javascript">
  8. //<![CDATA[
  9.  
  10. function sprawdzenie()
  11. {
  12.     var formularz = document.rejestracja;
  13.     var blad = '';
  14.  
  15.     if( formularz.username.value == '' || formularz.email.value == '' || formularz.password.value == '' ||  formularz.password2.value == '' ||  formularz.captcha.value == '' )
  16.     { blad = 'Uzupełnij wszystkie pola.'; }
  17.  
  18.     if( blad.value != '' ) {alert(blad);}
  19.     else {formularz.submit();}
  20. }
  21.  
  22. //]]>
  23. </script>
  24. <body>
  25.  
  26.         <form action="rejestracja.php" method="post" name="rejestracja" id="rejestracja">
  27.     <table cellspacing="0">
  28.         <tr>
  29.             <td width="120">Nick: </td>
  30.  
  31.             <td>
  32.             <input id="username" class="input_reg" name="username" maxlength="25" value="" type="text" />
  33.             </td>
  34.         </tr>
  35.         <tr>
  36.             <td>Adres email: </td>
  37.             <td>
  38.             <input id="email" class="input_reg" name="email"  maxlength="255" value="" type="text" />
  39.             </td>
  40.         </tr>
  41.         <tr>
  42.             <td>Hasło: </td>
  43.             <td>
  44.             <input class="input_reg" name="password"  maxlength="25"  type="password" id="password"/>
  45.             </td>
  46.         </tr>
  47.         <tr>
  48.             <td>Powtórz hasło: </td>
  49.             <td>
  50.             <input class="input_reg" name="password2"  maxlength="25"  type="password" id="password2"/>
  51.             </td>
  52.         </tr>
  53.         <tr>
  54.             <td></a></td>
  55.             <td>
  56.             <input name="captcha" size="12" class="input_reg" id="captcha"/>
  57.             </td>
  58.         </tr>
  59.     </table>
  60.  
  61.  
  62.           <input type="checkbox"  value="tak" name="regulamin"/> 
  63.           <a href="#" onclick="if(document.rejestracja.regulamin.checked == true) document.rejestracja.regulamin.checked = false;else document.rejestracja.regulamin.checked = true;">Akceptuję powyższy regulamin.</a>
  64.         </div>
  65.     </div>
  66.  
  67.     <div style="text-align:center;margin-top: 40px"><a href="#" id="button_rej" onclick="sprawdzenie();">adaddasd</a></div>
  68.  
  69.     </form>
  70.  
  71. </body>
  72. </html>
[HTML] pobierz, plaintext
piotrooo89
14.04.2009, 17:24:40
proszę bardzo:

[HTML] pobierz, plaintext 
  1. function sprawdzenie()
  2. {
  3. var formularz = document.rejestracja;
  4. var blad = '';
  5.  
  6. if( formularz.username.value == '' || formularz.email.value == '' || formularz.password.value == '' || formularz.password2.value == '' || formularz.captcha.value == '' )
  7. { 
  8. 	alert('Uzupełnij wszystkie pola.'); 
  9. }
  10. else 
  11. {
  12. 	formularz.submit();}
  13. }
[HTML] pobierz, plaintext


PS.
Cytat
Nie wiem w jakim celu

i mógłbyś się od uszczypliwości powstrzymać chce pomóc...
cycofiasz
14.04.2009, 17:36:33
ok, spoko, ale ja planowałem troszkę rozbudować ten kod js, i wykorzystać tę zmienną blad jako swego rodzaju flagę w dalszej części kodu. Owszem, ten kod który podałeś działa, ale nie z wykorzystaniem zmiennej blad (co prawda ją tworzsysz, ale nie wykorzystujesz). Ja chciałbym się dowiedzieć co w moim kodzie jest nie tak.

Nie miałem zamiaru ci docinać, ale formularz to raczej ja mam ok...

Już mam: bez .value haha.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.