Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS]Blokada na wysyłanie w formularzu, Tak jakby :/
ens0re
post
Post #1





Grupa: Zarejestrowani
Postów: 143
Pomógł: 0
Dołączył: 23.08.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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


Ten post edytował ens0re 11.08.2006, 23:34:50
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
siemakuba
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post

Posty w temacie
- ens0re   [JS]Blokada na wysyłanie w formularzu   11.08.2006, 23:32:55
- - siemakuba   Musisz zrobić tak, żeby przy zdarzeniu onSubmit zw...   11.08.2006, 23:41:28
- - ens0re   Hm. 'return check()' dałem w tym inpucie i...   11.08.2006, 23:46:07

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.10.2025 - 19:50
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn