Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS]Blokada na wysyłanie w formularzu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
ens0re
11.08.2006, 23:32:55
Witam! Otóż mam formularz wzbogacony o JS. I pojawia sie taki problem, gdy po kliknięciu przycisku 'wyślij' (jeżeli sie nie wprowadziło danych, bądz chociazby 1 pola sie nie wypełniło) to pojawiał sie alert ze trzeba wypełnic. I ok. Dalej wciskam ok i tu problem. Skrypt leci dalej i uruchamia plik action="plik.php". A chodzi mi oto, żeby właśnie powróciło do formularza, po kliknięciu OK. Natomias jeżeli jest zwykły link to działa tak jak powinno. Problem pojawia sie, gdy zamiast linka do potwierdzenia/wysłania jest <input>.Z góry dzieki i pozdrawiam!

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  7.  <script type="text/javascript">
  8. function $(id){
  9.         return document.getElementById(id);
  10. }
  11.  
  12. function check(){
  13. 	var wyslij = 1;
  14. 	var pola = '';
  15. 	if(!($("nick").value)){
  16. 		$("nick").style.border = '1px solid Red';
  17. 		pola += ' Nick';
  18. 		wyslij = 0;
  19. 	}
  20. 	else $("nick").style.border = '1px solid Black';
  21.  
  22. 	if(!($("mail").value)){
  23. 		$("mail").style.border = '1px solid Red';
  24. 		pola += ', E-mail';
  25. 		wyslij = 0;
  26. 	}
  27. 	else $("mail").style.border = '1px solid Black';
  28.  
  29. 	if(!($("tresc").value)){
  30. 		$("tresc").style.border = '1px solid Red';
  31. 		pola += ', Treść';
  32. 		wyslij = 0;
  33. 	}
  34. 	else $("tresc").style.border = '1px solid Black';
  35.  
  36. 	if(wyslij) $("formularz").sent();
  37. 	else alert('Wypenij pola: '+pola);
  38. }
  39. </script>
  40.  
  41. </head>
  42. <body>
  43. <form id="formularz" method="post" action="wyslij.php">
  44. <fieldset>
  45.     <legend>Kontakt z administratorem</legend>
  46.     <div class="form">
  47.       <label for="nick">Nick:</label>
  48.       <input id="nick" name="nick" class="text" type="text" />
  49.     </div>
  50.     <div class="form">
  51.       <label for="mail">E-mail:</label>
  52.       <input id="mail" name="mail" class="text" type="text" />
  53.     </div>
  54.     <div class="form">
  55.       <label for="tresc">Treść:</label>
  56.       <textarea id="tresc" name="tresc" cols="40" rows="10"></textarea>
  57.     </div>
  58.      <div class="form">
  59. <input id="submit" name="submit" class="submit" type="submit" value="Wyślij" onclick="check();"/>
  60.     </div>
  61.   </fieldset>
  62. </form>
  63.  
  64. </body></html>
[HTML] pobierz, plaintext
siemakuba
11.08.2006, 23:41:28
Musisz zrobić tak, żeby przy zdarzeniu onSubmit zwaracana była wartośc false. W twoim przypadku, jeżeli sprawdzanie wywołujesz przy onclick dla INPUT, zrób tak:
[HTML] pobierz, plaintext 
  1. <INPUT onclick="return check()">
[HTML] pobierz, plaintext
Do tego funkcja check() musi zwracać true|false w zależności od poprawności wypełnienia formularza lub nie.

Zamiast dawać onlick, lepiej chyba obsługiwać formularz za pomocą jego zdarzenia onSubmit.
[HTML] pobierz, plaintext 
  1. <FORM action="" method="" onsubmit="return check();">
[HTML] pobierz, plaintext

pozdr.
ens0re
11.08.2006, 23:46:07
Hm. 'return check()' dałem w tym inpucie i to samo. Dodałem także w <form> to zdarzenie onSubmit i też to samo.

Edit: Już rozwiązane. Brak return false w 
[HTML] pobierz, plaintext 
  1. if(wyslij) $("formularz").sent();
  2. else alert('Wypenij pola: '+pola);
[HTML] pobierz, plaintext

Dzieki i pozdrawiam!
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.