[jQuery] walidacja formularza Opcje

[d4ng]

Witajcie potrzebuje zwalidować formularz przy pomocy jQuery (to wymóg) tak że gdy pole straci focus a nie zostało wypełnione (focus przejdzie na inne pole to) to input zyskuje czerwoną ramke..

[HTML] pobierz, plaintext 
<input type="text" id="imie" name="name"><br />
<input type="text" id="email" name="email"><br />
 
<input type="button" id="go" value="przycisk">
[HTML] pobierz, plaintext 

Po stracie focus ramka robi się czerwona:

[HTML] pobierz, plaintext 
$(document).ready(function(){
  $("input#imie").blur(function(){
    $("input#imie").css("border-color","#ff0000");
  });
});
[HTML] pobierz, plaintext 

jednak jak chciałem dodać warunek że jak dzieje się tak tylko w przypadku pola pustego to wyszła kicha :/

[HTML] pobierz, plaintext 
$(document).ready(function(){
	var imie = $( "input#imie" ).val();
 
	if ((imie == "") && ($("input#imie").blur)){
		$("input#imie").css("border-color","#ff0000");
	}else{
 
	}
});
[HTML] pobierz, plaintext 

Z góry dziękuje i pozdrawiam (IMG:style_emoticons/default/wink.gif)

[vonski]

O ile w Twoim pierwszym kodzie jest wszystko ok, bo używasz funkcji blur(), o tyle w drugim przypadku.. już jej nie używasz (IMG:style_emoticons/default/smile.gif) Tylko w pewnym sensie sprawdzasz czy ona istnieje: if ((imie == "") && ($("input#imie").blur)) - a że funkcja istnieje, dlatego wartość logiczna warunku to TRUE i wykonuje się on zaraz po załadowaniu dokumentu (czyli zaraz po załadowaniu dostajesz czerwoną ramkę).

Spróbuj tak:

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$('input#imie').blur(function() {
		if($(this).val() == '') {
			$(this).css('border-color', '#ff0000');
		}
	});
});
[HTML] pobierz, plaintext