如何:在js验证显示处理后img
如何:在js验证显示处理后img
提问于 2011-06-08 23:07:02
我试图得到一个处理图像显示后，一个成功的提交是由gen_validatorv4.js验证。
问题是，formdata会被存入一个php文件，该文件会将数据发布到google speadsheet。这需要3-10秒的时间，所以人们再次点击提交按钮。这就是为什么我想要一个处理图像。你知道该怎么做吗？
$(文档)函数(.ready(){ $('#ajax_loading').show();}
？
或者欢迎任何帮助！
回答 3
Stack Overflow用户
发布于 2011-06-08 23:11:18
将单击事件绑定到submit按钮，并在单击事件中显示ajax_loading图像。隐藏它的唯一方法是在收到响应事件时。当您得到响应时，您可以隐藏ajax_loading图像。
Stack Overflow用户
发布于 2011-06-08 23:15:23
对于这些问题，我是jQuery的粉丝，你可以尝试jQuery NimbleLoader来加载图像，我也建议尝试how to enable/disable an element using jQuery来启用或禁用表单，以防止双重提交。
Stack Overflow用户
发布于 2011-06-09 17:36:59
转到这个网站：http://www.ajaxload.info/，并为自己生成一个图像。
假设图像名为loader.gif
然后，如果您的表单类似于该<form id="myform">，那么您的jquery将如下所示：
$('#myform').submit(function(){
$('#myform').prepend("<div id=\"loader\"></div>");
... do stuff here ...
$('#loader').remove();
})你会得到这样的CSS：
#loader {
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: url("loader.gif") no-repeat center center;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6281029
复制相关文章
相似问题
腾讯云开发者
