Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML] Wysłanie zawartości textarea klawiszem ENTER (key num 13)
Forum PHP.pl > Forum > Przedszkole
modern-web
29.05.2012, 19:06:22
Witam Was!
Ostatnio spotkałem się z dość specyficznym problemem, otóż - jak wysłać formularz, który zawiera jedynie pole TEXTAREA. Chodzi tutaj o zaakceptowanie go (coś jak wciśnięcie przycisku submit) z użyciem klawisza ENTER (13).
Znalazłem podobne wpisy na forum lecz nigdzie nie ma jasnej odpowiedzi. Może ktoś z Was spotkał się z podobnym problemem i zechciałby podzielić rozwiązaniem smile.gif?

Z góry dzięki za wszelką pomoc!
Pozdrawiam!
lobopol
29.05.2012, 19:25:57
Łapać js naciśnięcie entera i submitować formularz js
IProSoft
29.05.2012, 19:30:24 
[JAVASCRIPT] pobierz, plaintext 
  1. $(function() {
  2. 	$(document).keydown( function(e){
  3. 		e=e?e:window.event;
  4. 		key = e.keyCode ? e.keyCode : e.which;
  5. 		if(key==questionmark.gifquestionmark.gif){
  6. 			///submit formularza
  7. 		}
  8. 	});
  9. })
[JAVASCRIPT] pobierz, plaintext
modern-web
29.05.2012, 20:18:04
Dobra, co rozumiesz przez //submit formularza smile.gif
Podobny kod już widziałem lecz wszelkie kombinacje usadowienia tam akcji na przycisku typu submit skończyły się fiaskiem :/
lobopol
29.05.2012, 20:33:39
submit formularza używając jquery http://api.jquery.com/submit/
używając "czystego" js http://www.javascript-coder.com/javascript...rm-submit.phtml


modern-web
29.05.2012, 20:35:04
Oooo! Dzięki za linki smile.gif teraz wiem z czym to się je.
Zaraz to przetestuję i w razie czego - odezwę się wink.gif
kefirek
29.05.2012, 20:48:00 
[HTML] pobierz, plaintext 
  1. <html> 
  2. <head>
  3. <script src="jquery.js" type="text/javascript"></script>
  4.  
  5. <script type="text/javascript">
  6.  
  7. $(document).ready(function() {
  8. $('#my_textarea').bind('keypress', function(e) { 
  9.         if(e.keyCode==13){ 
  10.                 $('#my_submit').submit();
  11.  
  12.         } 
  13. }); 
  14.  
  15. });
  16.  
  17. </script>
  18.  
  19. </head>
  20.  
  21. <body>
  22.  
  23. <form id="my_submit" action="data.php" method="POST" >
  24. Test: 
  25. <textarea id="my_textarea" name="nazwa"></textarea>
  26. </form>
  27.  
  28.  
  29. </body>
  30. </html>
[HTML] pobierz, plaintext
modern-web
29.05.2012, 21:15:34
Niestety ten sposób nie działa sad.gif
Jakieś inne propozycje?

Po wciśnięciu enter nic się nie dzieje smile.gif

Poprawka: działa ale nie wysyła formularza - nie przekazuje wartości pola textarea w tablicy $_POST do skryptu php :/
rob_roy
29.05.2012, 22:56:47 
[HTML] pobierz, plaintext 
  1. $('#my_submit').submit();
[HTML] pobierz, plaintext


zamień na :

[HTML] pobierz, plaintext 
  1. $('form[name="my_submit"]').submit();
[HTML] pobierz, plaintext


zły selector poza tym formy wysyła się po name a nie po id z tego co kojarze
Pzdr
modern-web
30.05.2012, 14:01:07
To cały czas nie to :/
Nie akceptuje formularza tym razem :/

[HTML] pobierz, plaintext 
  1. <html> 
  2. <head>
  3. <script src="jquery.js" type="text/javascript"></script>
  4.  
  5. <script type="text/javascript">
  6.  
  7. $(document).ready(function() {
  8. $('#my_textarea').bind('keypress', function(e) { 
  9.         if(e.keyCode==13){ 
  10.                 $('form[name="my_submit"]').submit();
  11.  
  12.         } 
  13. }); 
  14.  
  15. });
  16.  
  17. </script>
  18.  
  19. </head>
  20.  
  21. <body>
  22.  
  23. <form id="my_submit" name="my_submit" action="data.php" method="POST" >
  24. Test: 
  25. <textarea id="my_textarea" name="nazwa"></textarea>
  26. </form>
  27.  
  28.  
  29. </body>
  30. </html>
[HTML] pobierz, plaintext
IProSoft
30.05.2012, 14:05:24
Co znaczy nie akceptuje?
Wrzuciłem u siebie czysto skopiowane i po naciśnięciu Enter zwracał ładnie w $_POST Array ( [nazwa] => gfhfghfh )
modern-web
30.05.2012, 14:47:24
A ustawiłeś action="" czy action="plik.php" ?
Bo u mnie akurat (chociaż w przykładzie tego nie widać) część odbierająca dane z tablicy $_POST znajduje się w tym samym pliku co formularz.
Faktycznie, wysyłać - wysyła ale tablica jest pusta.
IProSoft
30.05.2012, 14:53:18
Nie ma różnicy czy "" czy "plik.php" (sprawdziłem oba).

Daj na końcu pliku do którego przesyłasz:
Kod
print_r($_POST);

i wyślij form.
dla pewności sprawdź czy masz aktualną bibliotekę jquery.
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.