[jQuery]ajaxSubmit nie chce zadziałać

[holee]

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

id="validateForm"

Dołączone pluginy jQuery:

HTML

<script src="script/jquery.validate.js" type="text/javascript"></script>
<script src="script/jquery.form.js" type="text/javascript"></script>
<script src="script/jquery.blockUI.js" type="text/javascript"></script>

Kod JS:

HTML

$().ready(function() {

$("#validateForm").validate({

submitHandler: function() {
$.blockUI({ message: "<h1>Wysyłanie...</h1>" });
$("#validateForm").ajaxSubmit();
$.unblockUI();
$.blockUI({
message: "<h1>Wysłane !</h1>",
timeout: 2000
});
},

rules: {
imie: {
required: true,
minlength: 2
}
},
messages: {
imie: {
required: "Wpisz swoję imię/nick",
minlength: "Imię/nick musi być dłuższe"
}
}
});
});

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. Jeżeli zamiast ajaxSubmit dam alerta to elegancko on się wyświetla.

Przyznam, że napisałem identyczny temat na innym bardziej specjalistycznym forum jednak tam nikt nie zechciał mi pomóc.

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

Pozdrawiam