Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery] walidacja formularza
d4ng
post
Post #1





Grupa: Zarejestrowani
Postów: 191
Pomógł: 4
Dołączył: 7.03.2010

Ostrzeżenie: (0%)
-----


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

  1. <input type="text" id="imie" name="name"><br />
  2. <input type="text" id="email" name="email"><br />
  3.  
  4. <input type="button" id="go" value="przycisk">


Po stracie focus ramka robi się czerwona:

  1. $(document).ready(function(){
  2. $("input#imie").blur(function(){
  3. $("input#imie").css("border-color","#ff0000");
  4. });
  5. });


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

  1. $(document).ready(function(){
  2. var imie = $( "input#imie" ).val();
  3.  
  4. if ((imie == "") && ($("input#imie").blur)){
  5. $("input#imie").css("border-color","#ff0000");
  6. }else{
  7.  
  8. }
  9. });


Z góry dziękuje i pozdrawiam (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
vonski
post
Post #2





Grupa: Zarejestrowani
Postów: 292
Pomógł: 89
Dołączył: 27.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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:

  1. $(document).ready(function(){
  2. $('input#imie').blur(function() {
  3. if($(this).val() == '') {
  4. $(this).css('border-color', '#ff0000');
  5. }
  6. });
  7. });
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 12:07