Witam serdecznie;

Postanowiłem zacząć się pobawić jQuery oraz obsługą formularzy.

Najpierw napiszę co chciałbym osiągnąć:
formularz kontaktowy z walidacją wpisywanych danych, jeżeli nie wypełni się pól lub je się źle wypełni formularz nie jest wysyłane a nieuzupełnione pola podświetlają się na czerwono.
jeżeli natomiast wszystko jest wypełnione to za pomocą jquery.form wysyłam formularz (korzystając przy okazji z blockUI).

Co udało mi się zrobić:
walidacja przebiega tak jak chcę, efekt blockUI również się pojawia - jednak ajaxForm() nie wysyła maila. Jeżeli go zastąpię form.submit(); - mail się wysyła.

Formularz: 
[HTML] pobierz, plaintext 
  1. id="validateForm"
[HTML] pobierz, plaintext

Dołączone pluginy jQuery:
[HTML] pobierz, plaintext 
  1. <script src="script/jquery.validate.js" type="text/javascript"></script>
  2. <script src="script/jquery.form.js" type="text/javascript"></script>
  3. <script src="script/jquery.blockUI.js" type="text/javascript"></script>
[HTML] pobierz, plaintext


Kod JS:
[HTML] pobierz, plaintext 
  1. $().ready(function() {
  2.  
  3. 				$("#validateForm").validate({
  4.  
  5. 					submitHandler: function() { 
  6. 						$.blockUI({ message: "<h1>Wysyłanie...</h1>" });
  7. 						$("#validateForm").ajaxSubmit();
  8. 						$.unblockUI();
  9. 						$.blockUI({ 
  10. 							message: "<h1>Wysłane !</h1>", 
  11. 							timeout: 2000 
  12. 						}); 
  13. 					},
  14.  
  15. 					rules: {
  16. 						imie: {
  17. 							required: true,
  18. 							minlength: 2
  19. 						},
  20. 						email: {
  21. 							required: true,
  22. 							email: true
  23. 						},
  24. 						subject: {
  25. 							required: true,
  26. 							minlength: 5
  27. 						},
  28. 						text: {
  29. 							required: true,
  30. 							minlength: 10
  31. 						}
  32. 					},
  33. 					messages: {
  34. 						imie: {
  35. 							required: "Wpisz swoję imię/nick",
  36. 							minlength: "Imię/nick musi być dłuższe"
  37. 						},
  38. 						subject: {
  39. 							required: "Wpisz tytuł wiadomości",
  40. 							minlength: "Tytuł musi być dłuższy"
  41. 						},
  42. 						email: "Podaj prawidłowy adres e-mail",
  43. 						text: {
  44. 							required: "Wpisz treść wiadomości",
  45. 							minlength: "Treść wiadomości musi być dłuższa"
  46. 						}
  47. 					}
  48. 				});
  49. 			});
[HTML] pobierz, plaintext


Są to moje pierwsze kroki w tej technologii więc proszę o wyrozumiałość winksmiley.jpg

Co ciekawe efekty blockUI pokazują się, zarówno ten przed wysyłką jak i ten po wysyłce.

Prosiłbym mądrzejsze głowy o pomoc w moim problemie.

Pozdrawiam