Javascript 在firefox中，表单在向表单添加onsubmit属性后未被提交

我有一个简单的表格，如下所示

<form onsubmit="return showProgressBar();" method="post" action="charts?operation=dashboard" enctype="multipart/form-data">

<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" />
<button type="submit">Upload</button>

</form>

---

看起来您正在用进度条替换

表单

。它不是在

div

中，带有

id=content

我能够复制它，请查看此JSFIDLE：

---

在Chrome中，您将从JSFIDLE站点收到错误响应，而在firefox中，将出现文本“进度条”，当您查看网络请求时，没有一个包含表单提交的请求。

您将JavaScript代码放在了哪里，在标题还是正文中？我已将其放在正文中。好的，它必须在表单上方。它仅在表单上方。firefox调试工具是否显示任何错误？

<script>
    function showProgressBar(){
        return displayProgressBar();
    }

    function displayProgressBar(){
        var imgUrl = commonObj.appBasePath + '/static/images/ajax-loader.gif';
        $("#content").html('<div align="center" style="padding-top:200px"><img src="' +  imgUrl+'" /></div>');
        return true;
    }

</script>

function showProgressBar(){
        return true;
}