Question

我有一个简单的表格如下。

<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>

和两个js方法如下

<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>

在Firefox中使用此表单时，表单未提交。这在chrome中正常工作。

如果我删除了onsubmit属性，那么它也适用于firefox。

firefox中有什么问题？

如果我删除方法调用并直接返回true，则它的工作原理如下。

function showProgressBar(){
        return true;
}

Answer 1

您似乎正在使用进度条替换form。是不是div与id=content？

我能够重现它，请查看这个jsfiddle：https://jsfiddle.net/kLhmd7nw/4/

在Chrome中，您会收到来自jsfiddle网站的错误回复，而在Firefox文本中会出现“进度条”，当您查看网络请求时，没有提交表单的人。

在将onsubmit属性添加到表单后，没有提交firefox表单

1 个答案: