Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JS formularz nie działa
Vion
post 17.12.2010, 13:00:10
Post #1





Grupa: Zarejestrowani
Postów: 112
Pomógł: 2
Dołączył: 27.06.2008

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


Witam
Mam taki formularz ale niestety nie działa. Po wysłaniu pustego formularza powinien pojawić się komunikat które pola są puste oraz powinny one być w czerwonej ramce. Po wciśnięciu 'Wyślij' nic się nie dzieje, brak jakkolwiek reakcji.

  1. <style type="text/css">
  2. p#licznikSlow {color:red; font-family:Tahoma;}
  3. p#ileZostalo {color:blue; font-family:Tahoma;}
  4. .zlewypelniono {border:solid 2px red; background:grey;}
  5.  
  6. <h3>Prosta walidacja wypelnienia formularza:</h3>
  7. <form name="rejestracja" class="sprawdz">
  8. Imie: <input type="text" name="imie"/><br/>
  9. Telefon: <input type="text" name="telefon"/><br/>
  10. O sobie: <textarea name="osobie"></textarea><br/>
  11. Plec: <select name="plec"><option value=""></option>
  12. <option value="M">M</option>
  13. <option value="K">K</option></select><br/>
  14. <input type="submit" value="Wyslij"/>
  15. </form>
  16. <script type="text/javascript">
  17. <!--
  18. var wybrany = 0;
  19. $(document).ready
  20. (
  21. function()
  22. {
  23.  
  24. $('form.sprawdz').submit(
  25. function()
  26. {
  27. var poprawnosc = true;
  28. $(':input', this).each
  29. (
  30. function()
  31. {
  32. if($(this).val()=='')
  33. {
  34. $(this).addClass('zlewypelniono');
  35. poprawnosc = false;
  36. }
  37. else
  38. {
  39. $(this).removeClass('zlewypelniono');
  40. }
  41. }
  42. );
  43. if(!poprawnosc)
  44. {
  45. alert('Wypelnij wszystkie oznaczone pole i ponow');
  46. }
  47. return false;
  48. }
  49. );
  50. }
  51. );
  52. </script>
  53.  


Ten post edytował Vion 17.12.2010, 13:14:18


--------------------
www.zapalara.pl
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 24.06.2025 - 09:56