formularz + js Opcje

[attimo]

Witam,

Chce zrobić formularz który przy błędnym wpisaniu któregoś z pól nie będzie odświeżał strony tylko wyświetli komunikat gdzie znajduje się błąd.

Formularz wygląda tak:

[HTML] pobierz, plaintext 
<form action = "<? echo $_SERVER['PHP_SELF'];?>"method = "post" name="forma" onsubmit="sprawdz()" > 
[HTML] pobierz, plaintext 

poniżej pola np.

[HTML] pobierz, plaintext 
<input type='text' name='imie'/>
<input type='submit' name='ok' value='ok'/>
[HTML] pobierz, plaintext 

kod js

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
function sprawdz()
{
	var imie = document.forms['forma']["imie"].value;
	if (imie == "")
	{
		alert("nic nie wpisales");
	}
}
</script>
[JAVASCRIPT] pobierz, plaintext 

Nie sugerujcie się treścią to tylko prosty przykład opisujący mój problem polegający na tym, że strona się odświeża a chce aby wyświetlił sie tylko błąd bez odświerzania.

[attimo]

Poprawiłem kod i teraz działa poprawnie tylko mam jeszcze jedno pytanie.

np.

[JAVASCRIPT] pobierz, plaintext 
function sprawdz(){	
var imie = document.forms['forma'].imie.value;	
var nazwisko = document.forms['forma'].nazwisko.value;
var haslo = document.forms['forma'].haslo.value;
if(imie == "")
{
	alert("nie wpisales imienia");
	return false;
}
else if(nazwisko == "")
{
	alert("nie wpisales nazwiska");
	document.forms['forma'].nazwisko.style.border = "2px solid #FF0000";
	return false;
 
}
else if(haslo == "")
{
	alert("Nie wpisales hasla");
	return false;
}
else
{
	return true;
}
}
[JAVASCRIPT] pobierz, plaintext 

Ustawiłem styl w razie gdyby nazwisko zostało źle wpisane, teoretycznie działa. Tylko, że jeśli wpisze coś do tego pola nadal jest aktywny ten styl czyli czerwona ramka a chciałbym aby po wpisaniu było normalnie.

Ten post edytował attimo 1.03.2010, 17:11:37