Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Odblokowanie przycisku submit
-Odblokowanie przycisku sub-
post
Post #1





Goście
Pracuję nad formularzem rejestracji userów. Przycisk submit zostanie odblokowany (domyślnie ma własność disabled="disabled"), w momencie gdy wszystkie pola typu input (login, hasło, itd.) nie będą puste. W jaki sposób można wykryć, że żadne pole nie jest już puste (w każdym polu user wpisał przynajmniej 1 znak) i odblokować przycisk submit?
Go to the top of the page
+Quote Post
usb2.0
post
Post #2





Grupa: Zarejestrowani
Postów: 341
Pomógł: 25
Dołączył: 28.09.2008
Skąd: Lublin

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

najprościej chyba metoda submit() z jquery
sprawdzasz warunki czy te Twoje pola są ok i odblokowujesz, albo bez blokowania zwykly return true/false
Go to the top of the page
+Quote Post
-Gość-
post
Post #3





Goście
Tylko problem w tym, że pole submit jest zablokowane i kiedy klikam w to pole, to metoda submit() z jquery nie może się chyba wywołać. Wygląda mi to na kwadraturę koła.
Go to the top of the page
+Quote Post
Pawel_W
post
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

podpinasz się pod onchange/onkeypress/onkeyup/cokolwiek innego związanego z wpisywaniem tekstu do inputa i odpalasz funkcję sprawdzającą czy pozostałe pola są puste (najlepiej porównywać element.value == element.defaultValue), jeżeli nie to ściągasz disabled z submita (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
bpskiba
post
Post #5





Grupa: Zarejestrowani
Postów: 340
Pomógł: 49
Dołączył: 3.07.2009
Skąd: Rzeszów

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

[HTML] pobierz, plaintext 
  1. <HTML><head>
  2. <script LANGUAGE="JavaScript" TYPE="text/javascript">
  3. function f()
  4.    {
  5.    var h=document.getElementById("a1").value;
  6.    aa1=h.replace(/\s/g,'');
  7.  
  8.    var h2=document.getElementById("a2").value;
  9.    aa2=h2.replace(/\s/g,'');
  10.  
  11. if(aa1.length>0 && aa2.length>0)
  12.    document.getElementById("a3").disabled=false;
  13. else
  14.    document.getElementById("a3").disabled="disabled";
  15.    }
  16. </SCRIPT>
  17. </head>
  18. <body> <form>
  19. <input type="text" id="a1" onkeyup="f()">
  20. <input type="text" id="a2" onkeyup="f()">
  21. <input type="submit" id="a3" disabled="disabled">
  22. </form></body></html>
[HTML] pobierz, plaintext


Ten post edytował bpskiba 7.09.2012, 12:36:22
Go to the top of the page
+Quote Post
-Gość-
post
Post #6





Goście
Czemu mają służyć poniższe linijki kodu?

[HTML] pobierz, plaintext 
  1. aa1=h.replace(/\s/g,'');
  2. aa2=h2.replace(/\s/g,'');
[HTML] pobierz, plaintext


Czy nie wystarczy po prostu porównać tak?

[HTML] pobierz, plaintext 
  1. if(h.length>0 && h2.length>0)
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
Pawel_W
post
Post #7





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

usuwają spacje i inne białe znaki
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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