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!

w takim razie czy JS da rade coś takiego zrobić ?

Poczytaj o funkcji onblur

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

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

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

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

Pozdrawiam.

[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 czego zapomniałem ?

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

Śmigać śmiga tylko zastanawia mnie teraz fakt jak bez przeładowania strony mam dostarczyć zawartość pola input bo raczej nie przez $_POST[''] 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 

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

do funkcji js

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


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

Dalej:

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

Dobra wielkie dzięki działa a i to przykładowy kod jak by ktoś miał ten sam problem

[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