Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js] odblokowywanie pola input
skowron-line
post 26.02.2007, 16:29:06
Post #1





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3.  
  4. 		<script language="JavaScript">
  5.  
  6. 			function pokapoka() {
  7. 				var a = document.getElementById('form');
  8. 					if(a.elements[0].value != ''){
  9. 						a.elements[1].disabled = false;
  10. 					}else if(a.elements[0].value == ''){
  11. 						alert("aby uzyskac dostep do nastepnego pola nalezy wypelnic to pole");
  12. 					}
  13. 			}
  14.  
  15. 		</script>
  16.  
  17. 	</head>
  18. 	<body>
  19. 		<form method="post" id="form">
  20. 			login::<input type="text" name="a" onkeydown="pokapoka();"><br />
  21. 			haslo::<input type="text" name="b" disabled="true">
  22.  
  23. 		</form>
  24. 	</body>	
  25. </html>
[HTML] pobierz, plaintext


napisalem powyzszy skrypt ktory ma zablokowane pole haslo i dopiero po wypelnieniu pola login pole haslo bedzie dostepne niestety nie dziala on poprawnie poniewaz jak zaczne wpisywac to wyskakuje alert a jak wpisze i skasuje to pole i tak sie odblokuje.

co powinnienem dodac i jakimi funkcjami sie zainteresowac zeby to rozwiazac


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 10)
misiek172
post 26.02.2007, 17:02:53
Post #2





Grupa: Zarejestrowani
Postów: 656
Pomógł: 3
Dołączył: 26.10.2005
Skąd: Częstochowa

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

może zamień onkeydown na onChange ?


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
skowron-line
post 26.02.2007, 17:08:27
Post #3





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

Cytat(misiek172 @ 26.02.2007, 17:02:53 ) *
może zamień onkeydown na onChange ?


guitar.gif trafna uwaga ale jeszcze pozostaje jak zrobic zeby jak wpisze i skasuje to zeby pole znow sie zablokowalo


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
misiek172
post 26.02.2007, 17:15:10
Post #4





Grupa: Zarejestrowani
Postów: 656
Pomógł: 3
Dołączył: 26.10.2005
Skąd: Częstochowa

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

daj:
onBlur='if(this.value=='')this.disabled = true'

Ten post edytował misiek172 26.02.2007, 17:16:12


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
Joy-machine
post 26.02.2007, 17:16:24
Post #5





Grupa: Zarejestrowani
Postów: 54
Pomógł: 0
Dołączył: 2.02.2007

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

1. zmień na onkeyup
2. rozumiem że to ma wymusić wpisanie loginu, ale to i tak nie przeszkodzi we wprowadzeniu złego loginu, a pusty/brak loginu to także zły login więc ta funkcja to IMO zbędny bajer.
Go to the top of the page
+Quote Post
skowron-line
post 26.02.2007, 17:24:38
Post #6





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

Cytat(Joy-machine @ 26.02.2007, 17:16:24 ) *
2. rozumiem że to ma wymusić wpisanie loginu, ale to i tak nie przeszkodzi we wprowadzeniu złego loginu, a pusty/brak loginu to także zły login więc ta funkcja to IMO zbędny bajer.


no ja o tym wiem ze to nie przeszkodzi we wprowadzeniu loginu chodzi mi tylko o to zeby najpierw wpisac logina a dopiero pozniej haslo.

p.s tak wogole to sie ucze js i to nie jest mi do niczego nie potrzebne jak tylko do nauki


edit:
Kod
onBlur='if(this.value=='')this.disabled = true'

gdzie?? zamiast czego??

Ten post edytował skowron-line 26.02.2007, 17:26:19


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
misiek172
post 26.02.2007, 17:37:33
Post #7





Grupa: Zarejestrowani
Postów: 656
Pomógł: 3
Dołączył: 26.10.2005
Skąd: Częstochowa

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

<input type="text" name="a" onChange ="pokapoka();" onBlur='if(this.value=='')this.disabled = true'>

czyli po wyjściu z inputa sprawdza czy nie jest pusty, jesli jest to wyłancza inputa

Ten post edytował misiek172 26.02.2007, 17:38:41


--------------------
zmoderowano - waga i rozmiar
Go to the top of the page
+Quote Post
skowron-line
post 26.02.2007, 18:06:44
Post #8





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

@misiek172 nie dziala ale wstawilem po alercie
a.elements[1].disabled = true;
i dziala jak chcialem


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
gekon
post 26.02.2007, 18:49:33
Post #9





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

[HTML] pobierz, plaintext 
  1. haslo::<input type="text" name="b" disabled="true">
[HTML] pobierz, plaintext

W X/HTMLu atrybut disabled (tak jak checked i readonly) nie przyjmuje wartości true|false, natomiast bardzo chętnie przyjmie swoją nazwę: disabled="disabled".

Jeżeli chcesz już koniecznie sprawdzać czy login został wpisany masz dwie możliwości:
a) kiedy klawisz zostawie puszczony (onkeyup),
b) kiedy użytkownik kliknie przycisk 'submit, czyli przestanie się interesować polem z loginem (onblur).

Z tego wynika, że mniej więcej tak to powinno wyglądać:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4.   <title></title>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.   <script type="text/javascript">
  7. 	function pokapoka(elem) {
  8. 		passwordInput = document.getElementById("pass");
  9. 		if(elem.value == ''){
  10. 			alert("aby uzyskac dostep do nastepnego pola nalezy wypelnic to pole");
  11. 			passwordInput.disabled = true;
  12. 		} else {
  13. 			passwordInput.disabled = false;
  14. 		}
  15. 		return true;
  16. 	}
  17.   </script>
  18. </head>
  19. <body>
  20. 	<form id="form" action="#">
  21. 		<fieldset>
  22. 			<label for="login">Login</label><input type="text" name="login" id="login" onblur="return pokapoka(this)" />
  23. 			<label for="pass">Hasło</label><input type="password" name="pass" id="pass" disabled="disabled" />
  24. 		</fieldset>
  25. 	</form>	
  26. </body>
  27. </html>
[HTML] pobierz, plaintext


Ten post edytował gekon 26.02.2007, 20:56:38


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
skowron-line
post 26.02.2007, 21:23:29
Post #10





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

@gekon czyli moj skrypt byl napisany blednie?? mimo iz działa tak jak ja sobie to wymyslilem

edit:::

i jeszcze jedno dlaczego powinno sie pisac

<lable for="">

Ten post edytował skowron-line 26.02.2007, 21:27:13


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
gekon
post 26.02.2007, 22:44:47
Post #11





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

Błędnie to złe słowo, powiedzmy niechlujnie smile.gif Chociaż daleki jestem do stwierzdzenia, że jedynym słusznym zdażeniem powinno być onblur. A label to takie ułatwienie. W normalnym programie, przeważnie możesz kliknąć w nazwę/opis obok inputa czy checkboxa a on i tak się zaznaczy, tę funkcję w X/HTMLu spełnia label właśnie. Pozatym czytniki stron dla niewidomych mają ułatwioną pracę. A z innej beczki, możnaby użyć nieinwazyjnego JS, czyli przechwytywania zdażeń.

Ten post edytował gekon 27.02.2007, 07:24:40


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 08:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn