在firefox中，在向表单添加onsubmit属性后，不会提交表单

In firefox form is not getting submitted after adding onsubmit attribute to form

本文关键字：表单 提交 属性 添加 firefox onsubmit      更新时间：2024-01-28

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

<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中，表单不会被提交。这在镀铬中可以正常工作。

如果我删除onsubmit属性，那么它在firefox中也能工作。

firefox有什么问题？

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

function showProgressBar(){
        return true;
}

看起来您正在用进度条替换form。它不是在div和id=content中吗？

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

在Chrome中，你会从jsfiddle网站得到错误响应，而在firefox中，会出现文本"进度条"，当你查看网络请求时，没有一个请求带有表单提交。

相关文章：