[JavaScript] formularz Opcje

[Wieczny]

Witam i mam pytanie czy za pomocą technologi java mogę wykonać dynamiczny formularz tzn chodzi mi o taki np gdy user poda złe dane to zaraz po opuszczeniu pola kolor ramki sie zmieni na czerwony ? i obok np pojawi sie napis błąd !. ?

[nexis]

Witam i mam pytanie czy za pomocą technologi java mogę wykonać dynamiczny formularz tzn chodzi mi o taki np gdy user poda złe dane to zaraz po opuszczeniu pola kolor ramki sie zmieni na czerwony ? i obok np pojawi sie napis błąd !. ?

Tak, ale prawdopodobnie pytasz o Javascript, a nie o Java.

Javascript to nie Java!

Ten post edytował nexis 24.06.2008, 22:45:22

[Wieczny]

w takim razie czy JS da rade coś takiego zrobić ? (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[nexis]

w takim razie czy JS da rade coś takiego zrobić ? (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Poczytaj o funkcji onblur

[Wieczny]

no dobra przeczytałem, zastanawia mnie jednak jak stworzyć warunek do js żeby wszytko było ładnie dynamicznie i jednocześnie js sprawdzało czy dane w formularzu są poprawne (IMG:http://forum.php.pl/style_emoticons/default/dry.gif)

[Cysiaczek]

To jest proste. Najważniejsze, musisz wiedzieć, czego taki walidator potrzebuje.

1. Potrzebuje identyfikator pola, które jest walidowane
2. Potrzebuje wartość tego pola
3. Potrzebuje nazwę rodzaju walidatora (chyba, że sam znajdzie na podtstawie id pola).

Znając te 2 (3) zmienne wstawiasz je do wywołania funkcji onchange='twojaFunkcjaWalidujaca(this.id, this.value)'

[HTML] pobierz, plaintext 
function twojaFunkcjaWalidujaca(id, val, type)
{
// i co w tym trudnego? Prosty warunek na to, czy wartość jest określonego typu/dłogości itp.
if(error)
{
  document.getElementById(id).style.background='red';
}
else
{
  document.getElementById(id).style.background='green';
}
}
[HTML] pobierz, plaintext 

Pozdrawiam

[Wieczny]

Czy da rade aby po opuszczeniu pola obramowanie inputa zmieniło kolor ? bo póki co nawet nie umiem zmienić tła inputa tylko zmienia tło strony ktoś wytłumaczy (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Kod

<INPUT TYPE="TEXT" NAME="FIELD" SIZE=10 onfocus="bgColor='#000000'">

Ten post edytował Wieczny 25.06.2008, 00:18:06

[Cysiaczek]

Podstawy html i JS. bgColor to kolor tła strony. Zrób tak, jak Ci napisałem.

Pozdrawiam.

[Wieczny]

[HTML] pobierz, plaintext 
<input type="text" name="pole1"  onfocus="test()">
 
 
<script language='javascript'>
function test()
{
if(document.formularz.pole1.value=='xxx')
{
document.getElementById(id).style.background='red';
}
else
{
document.getElementById(id).style.background='green';
}
}
</script>
[HTML] pobierz, plaintext 

Nie śmiga (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) czego zapomniałem ? (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

[Shili]

Na razie masz tylko jednego inputa, bez formularza. Nie odwołasz się do niego poprzez document.formularz.pole1 to chyba jasne.
Albo dodaj odpowiedni znacznik form albo id dla inputa i odwołuj się przez document.getElementById

Po kolejne nie masz przekazywanego nic jako argumenty funkcji. Nie masz id inputa, a poprzez id próbujesz mu zmieniać kolor.

Po kolejne, jeśli chcesz, żeby po opuszczeniu pola zmieniało kolor, to nie onfocus, a onblur.

Przeczytaj jeszcze raz to co napisał Cysiaczek, tym razem z większym zrozumieniem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował Shili 25.06.2008, 11:52:20

[Wieczny]

Śmigać śmiga tylko zastanawia mnie teraz fakt jak bez przeładowania strony mam dostarczyć zawartość pola input bo raczej nie przez $_POST[''] (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ani value.

[HTML] pobierz, plaintext 
<form action='index.php' method=post>
test<input id="1" type="text" name="pole1" onblur="test(id, type, value)">
</form>
 
<script language='javascript'>
function test(id, type, value)
{
if(document.getElementById.value=='ble')
{
  document.getElementById(id).style.borderColor='red';
}
else
{
  document.getElementById(id).style.borderColor='green';
}
}
</script>
[HTML] pobierz, plaintext 

Ten post edytował Wieczny 25.06.2008, 12:15:58

[Shili]

To znaczy do czego dostarczyć? Do funkcji js, czy do strony index.php?

Ten post edytował Shili 25.06.2008, 12:16:28

[Wieczny]

do funkcji js

[Shili]

Nie przeczytałeś tego, co pisał Ci Cysiaczek.

Znając te 2 (3) zmienne wstawiasz je do wywołania funkcji onchange='twojaFunkcjaWalidujaca(this.id, this.value)'

Widzisz różnicę? Nie sugeruj się liczbą przekazywanych atrybutów oczywiście ani inną nazwą funkcji.

Dalej:

Kod

if(document.getElementById.value=='ble')

Porównaj sobie to wyrażenie napisane przez Ciebie z innymi wyrażeniami getElementById, które masz w swoim skrypcie. Czegoś brakuje.

Popraw to, a z pewnością będzie działać.

[Wieczny]

Dobra wielkie dzięki działa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) a i to przykładowy kod jak by ktoś miał ten sam problem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[HTML] pobierz, plaintext 
<form action='index.php' method=post>
test<input id="1" type="text" name="pole1" onchange="test(this.id, this.type, this.value)">
</form>
 
<script language='javascript'>
function test(id, type, value)
{
if(document.getElementById(id).value=='xxx')
{
  document.getElementById(id).style.borderColor='red';
}
else
{
  document.getElementById(id).style.borderColor='green';
}
}
</script>
[HTML] pobierz, plaintext