Forum PHP.pl > [JavaScript]Odblokowanie przycisku submit

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Odblokowanie przycisku submit

Odblokowanie przycisku sub

6.09.2012, 15:34:27

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?

usb2.0

6.09.2012, 15:36:49

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ść

6.09.2012, 15:52:16

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.

Pawel_W

6.09.2012, 17:41:30

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

bpskiba

7.09.2012, 09:13:23

[HTML] pobierz, plaintext 
<HTML><head>
<script LANGUAGE="JavaScript" TYPE="text/javascript">
function f()
   {
   var h=document.getElementById("a1").value;
   aa1=h.replace(/\s/g,'');
 
   var h2=document.getElementById("a2").value;
   aa2=h2.replace(/\s/g,'');
 
if(aa1.length>0 && aa2.length>0)
   document.getElementById("a3").disabled=false;
else
   document.getElementById("a3").disabled="disabled";
   }
</SCRIPT>
</head>
<body> <form>
<input type="text" id="a1" onkeyup="f()">
<input type="text" id="a2" onkeyup="f()">
<input type="submit" id="a3" disabled="disabled">
</form></body></html>
[HTML] pobierz, plaintext

Gość

7.09.2012, 13:51:03

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

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

Czy nie wystarczy po prostu porównać tak?

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

Pawel_W

7.09.2012, 14:34:09

usuwają spacje i inne białe znaki

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.