Javascript 处理表单时显示图像时出错

我需要在处理表单时显示图像

下面的代码有效当我按下submit时，问题是显示图像，但如果表单字段中有错误，表单将不处理，而是显示图像

当用户按下“提交”按钮时，如何显示图像？只有在处理表单时，图像才会显示

代码

函数showImg（）
{
if（document.getElementById）{
（document.getElementById（“progress\u img”）.style.visibility=“visible”；
}
}

我不认为我完全理解了您的意图，但您可以使用javascript验证所有需要的内容。 实现所需功能的最佳方法是将按钮类型更改为“按钮”，而不是“提交”，然后在“onClick”“showImg（）”函数上，将其替换为验证，然后显示图像，然后使用javascript提交函数。我知道这很容易

 document.getElementById("myForm").submit();

---

我制作了一个小演示。看看吧

var progressImg=document.getElementById（'progress_img'）；
var myForm=document.getElementById（'myForm'）；
myForm.onsubmit=onFormSubmit；
函数onFormSubmit（）{
var错误=错误；
//检查错误
如果（错误）{
//显示错误消息
}否则{
//显示图像
progressImg.style.display='block'；
//进行AJAX调用
//并在AJAX完成时隐藏图像
}
//这是为了防止表单提交
返回false；
}

#进度#{
宽度：20px；
高度：20px；
显示：无；
背景：#aaa；
}

its

HTML

带有图像上传和文本字段的表单，或者通过使用ajax提交并监听错误来对其进行更多控制。我没有在演示中获取图像。我在脚本中尝试了上述代码，但在单击“提交”之前加载图像是可见的。我想我应该指定隐藏在css中的图像？？是的，当然。抱歉，我忘记了。当我按“提交”按钮时，会显示图像，但不会处理表单。如果要在表单处理过程中显示进度图像，则应使用AJAX。我已经在代码中进行了注释，其中应该进行AJAX调用。如果希望在没有AJAX的情况下处理表单，浏览器将刷新整个页面，因此无法显示进度图像。

 document.getElementById("myForm").submit();