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.
metody ajaxStart i ajaxStop sa tex idealne do wyswietlenia animowanego piktogramu podczas wywolan ajaxowych :)