Удалить изображение загрузчика ajax после загрузки страницы

Question

У меня есть форма с обязательными полями, и при нажатии кнопки отправки появляется изображение загрузчика. Это имеет код:

jQuery(document).ready(function($){ 
    { 
     $.getElementById('form').onsubmit = function() { 
      $.getElementById('submit').style.display = 'block'; 
      $.getElementById('loading2').style.display = 'block'; 
     }; 
    }(document)); 
)}; 

HTML:

<input type="submit" class="button alt" onclick="$(\'#loading\').show();" id="place_order"/>. 

вопрос я имею, когда требуемые поля не поле и кнопка отправки нажата, появляется загрузчик изображений и при необходимости полевые ошибки отображаются, изображение загрузчика все еще отображается.

Как предотвратить его отображение?

Answer 1

мне не нравится ваше использование JQuery этот путь,

, что я делаю сам, чтобы проверить форму и отправить результат исполнения сам с JQuery, что означает лучший контроль над всем, так что мой код будет выглядеть следующим образом:

$('#formBtn').click(function(){ 

$("#loading").fadeIn(); 
    //use some validation here and let code go to other line if validation passed 

$.post("/signup",$('#form').serialize(),function(){ 
     //other action like redirecting to homepage or showing a message 
}).fail(function(){ 
     //to show a message that submit was failed 
}).always(function(){ 
     $("#loading").fadeOut(); 
}); 

}) 

Answer 2

Отправить форму с помощью JQuery пост или получить, а затем подтвердить свой ответ в функции обратного вызова используйте .hide() после проверки сделано.

Answer 3

Вы пытаетесь использовать jQuery BlockUI Plugin Наверное, проще.

jQuery BlockUI Plugi

Если вы хотите заблокировать вы можете использовать

$.blockUI(); 

Если вы хотите разблокировать вы можете использовать

$.unblockUI();