Javascript 单击表单提交，打开jQuery加载图像，直到表单提交完成

你能给点建议吗

我正在使用一个托管的SAAS CMS解决方案，该解决方案使您能够使用web应用程序系统创建基础应用程序。我已经为会员创建了一个表单，可以将一组图像和内容提交到他们自己的区域。一切都很好，除非通过表单提交的图像很大，表单提交并转到感谢页面需要很长时间。我已经在使用jQueryUI将表单拆分为5个步骤，并使用jQueryFacebox插件进行教学弹出

我的问题是，在提交表单时，显示加载gif（在facebox或其他建议的覆盖中）的最佳方式是什么

谢谢你的帮助！ 杰克

---

将加载图像放在一个div中，id为“ajax-loading”，css为“display:none；”

如果您谈论的是经典表单提交（没有ajax或其他内容），我认为有两种可能性：

将整个过程放入由两个框架组成的框架集中。另一个框架包含“请稍候”图标。表单步骤使“等待”图标在提交时可见，并且每个步骤都隐藏它

onload

保持一切原样，只需在提交表单时显示一个“请稍候”图像，它将在打开下一页时自动消失。（不过，在提交表单后的加载过程中，某些浏览器不会为动画图像设置动画）

这两种解决方案都有一个缺点，即如果用户取消表单提交，您就无法知道发生了什么，因此您无法隐藏“请稍候”图标（请参阅我关于此问题的问题）。这是一个小问题，但看起来仍然不太专业

如果可以的话，您可能希望切换到基于Ajax的表单提交—它们在设计交互时给您更多的自由

---

此外，对于文件上载，您可能希望查看基于Flash的上载程序，例如或，它使您能够显示真正的进度条等。

谢谢Pekka！我想转向ajax表单提交，但在项目的下一个阶段之前我不能。在此之前需要使用另一种方法。

$('#myForm').bind('submit', function() {
  $('#ajax-loading').show()
});