[JavaScript]formularz + validate + load.gif Opcje

[fcppl]

witam,

Mam prosty formularz:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function() {
$("#form").validate({
rules: {
email: {
required: true,
email: true,
},
}	
});
});
</script>
 
<form action="send.php" id="form" method="post" enctype="multipart/form-data">
<p style="color:#469738">Pola oznaczone gwiazdką (*) są obowiązkowe.</p>
<dl>
<dt><label for="email">email</label> <em>*</em></dt>
<dd><input id="email" name="email" size="25" class="required" /></dd>
<dt><input type="submit" id="img5" name="submit" value="wyślij" class="button" onclick="$('#loading').show();"/></dt>
</dl>
</form>
<div id="loading" style="display:none;"><p><img src="loading.gif" alt="" /></p><br/><span class="infotxt">Proszę czekać wysyłam.</span></p></div>
[HTML] pobierz, plaintext 

Używam plugin jquery.validate.min.js do blokowani pól np: sprawdza poprawność e-mail:

Jak wysyłam form pokazuje mi się komunikat (Proszę czekać wysyłam) loading.gif (onclick="$('#loading').show();") i wszystko działa OK, ale nie mogę zrobić żeby ten komunikat był wykonany dopiero po poprawnym wpisaniu e-mail. Teraz wyskakuje za każdym razem jak klinkę w button wyślij.

Proszę o jakieś wskazówki, przykład.

Ten post edytował fcppl 9.10.2014, 16:31:37

[luki100011]

Może to z dokumentacji:

wykonuje się jak formularz jest "zwalidowany" i ma zostać przesłany

[PHP] pobierz, plaintext 
$(".selector").validate({
  submitHandler: function(form) {
    $(form).ajaxSubmit();
  }
});
[PHP] pobierz, plaintext