加载页面后删除ajax加载器图像

问题描述：

我有一个带有必填字段的表单，并且当点击提交按钮时会出现一个加载器图像。这样做的代码：加载页面后删除ajax加载器图像

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"/>.

我遇到的问题是，当需要的字段不是场和点击提交按钮，加载图像出现，当需要现场错误显示，装载机图像仍然显示。

如何防止显示？

哪里是验证码 – 2014-10-28 08:16:40

使用.hide（）在您的数据验证代码。 – 2014-10-28 08:24:02

您在提交按钮中放置了'onclick =“$（\'＃loading \'）。show（）;”'，无论何时单击提交按钮，都必须显示加载图像。 – Chin 2014-10-28 08:25:20

答

我不喜欢你的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(); 
}); 

})

答

使用jQuery后提交表单或获得，然后验证回调的响应，那么使用.hide（）来完成验证后。

答

您尝试使用jQuery BlockUI插件可能更容易。

jQuery BlockUI Plugi

当你想阻止你可以使用

$.blockUI();

时要解除*，您可以使用

$.unblockUI();

加载页面后删除ajax加载器图像

相关推荐