validation engine kodlarına loading eklemek istiyorum

Merhaba arkadaşalar,
Anlık form kontrolu için "validation engine" kullanıyorum.
Dosyaları çalıştırmak için aşağıdaki kod blogunu eklemişim..

<script type="text/javascript">
		jQuery(document).ready(function(){
			// binds form submission and fields to the validation engine
			jQuery("#formID").validationEngine();
		});
</script>

form submit edildiginde boş veya yanlış doldurulmuş alan varsa uyarıyor.
Ben istiyorumki;
Eger form sorunsuz doldurulmuşsa submit edildiginde "Lütfen bekleyiniz" uyarısı versin.. Form içinde fotograf yuklemede oldugu için bazen yukleme uzun surebiliyor.

Javascript ile sonradan ekleme yaparak veya submit butonuna bazı kodlar ekleyerek bir kaç deneme yaptım ama "validation engine" uyarı verdigi zamanda "lütfen bekleyin" yazısı çıkıyordu.. onun için bilen arkadaşlardan istedigim yukardaki kod bloguna nasıl bir eklemeye yapmalıyızki istedigim şekilde çalışsın..

Şimdiden teşekkür ederim..
Iyi çalışmalar.

Validation engine'nin dokümantasyon sayfasından callback'lere bakabilirsiniz. onValidationComplete işinizi görebilir sanırım
http://posabsolute.github.io/jQuery-...idation-engine

Dediginiz sayfaya baktım ama pek bişey anlamadım.
Benim form normal sayfadan sayfaya post ediliyor
Jquery+ajax vs.. ile post edilmiyor..

    $('form').on('submit', function(e){
        $('#loading').css('display', 'block');
        e.preventDefault();
    })

ornek

http://jsfiddle.net/salihsagdilek/Lew5jfuu/

@Gzx ilgin için tşk ettim ama aşağıdaki resimde görüldüğü gibi bir sorunla karşılaşıyorum..
eger inputların hepsi dolu ise gönder butonuna basıldıgında loading çıksın istiyorum



Verdigin kodları ekledigimde formda boş yer olmasına ragmen Loading çıkıyor..

Eğer submit olayına direk uygularsanız böyle olması doğal.

Post işlemini Ajax ile gerçekleştiriyorsanız, kendi kullandıklarımdan işinize yarayacak bölümü sizinle paylaşabilirim. Veyahut ilgili javascript dosyasınızı inceleyebilirsem onun üzerinde gereken kontrolleri gerçekleştirebilirim.

Ya da en basitinden bu şekilde işlemi gerçekleştirebilirsin :

$(function(){
    $('form').on('submit', function(e){
        
      var  ad    = $("#name");
        
      if(ad.val() != ""){
        
        $('#loading').css('display', 'block');
        e.preventDefault();
          
      }          
                
    })

});

o sekilde calismasi gayet normal cunku sadece form submit isleminde devreye giren bir kod ek paremetleri kendin belirlemelisin icinde.


ornek.

$(function(){
    $('form').on('submit', function(e){
       if($('form').validationEngine('validate')){
            $('#loading').css('display', 'block');
        }
        e.preventDefault();
    })
});

Bu şekilde yapınca input alanları anlık kontrol yapmıyor ne zaman submit yaptıgında uyarıyo.. bunada razıyım ama kodlar bu şekildeyken post işlemi yapılmıyor..

Boş alan yoksa submit yaptıgımda "Loading" yazıyo ve öylece bekliyo..
post olmuyor.

$(function(){
    $('form').on('submit', function(e){
       if($('form').validationEngine('validate')){
            $('#loading').css('display', 'block');
            return;
        }
        e.preventDefault();
    })
});

GT-N7100 cihazımdan Tapatalk kullanılarak gönderildi