Wyłączenie “submit” na czas działania zapytania Ajax

Często spotykam się z tym ostatnio w pracy – jakieś dodatkowe listy są ładowane do formularza i póki się nie załadują `submit` powinien pozostać nieaktywny.

Kod:

jQuery("body").ajaxStart(function(){
  $(".disable-on-xhr").attr("disabled", "disabled");
});
jQuery("body").ajaxStop(function(){
  $(".disable-on-xhr").attr("disabled", "");
});

/** 
* w niektórych przypadkach możesz też chieć odblokować 
* submit gdy zapytanie xhr się nie powiedzie 
**/
jQuery("body").ajaxError(function(){
  $(".disable-on-xhr").attr("disabled", "");
});

Teraz wystarczy przyciskom submit dodać class=”disable-on-xhr” i smiga.

Share Button

One thought on “Wyłączenie “submit” na czas działania zapytania Ajax

  1. metody ajaxStart i ajaxStop sa tex idealne do wyswietlenia animowanego piktogramu podczas wywolan ajaxowych :)

Leave a Reply

Your email address will not be published. Required fields are marked *