フォームにonsubmit属性を追加した後にfirefoxフォームが送信されない

Question

私は以下のような単純なフォームを持っています。 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> 

よう

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

と2つのjsの方法は、フォームが提出されていません。これはクロムで正しく機能します。

私はonsubmit属性を削除すると、それもfirefoxで動作します。

ここではFirefoxの問題は何ですか？

メソッド呼び出しを削除してtrueを直接返すと、以下のように動作します。

function showProgressBar(){ 
     return true; 
} 

Answer 1

formをプログレスバーに置き換えているようです。 divにはid=contentが入っていませんか？

私はこのjsfiddleをチェックしてみてください、それを再現することができました：Chromeの場合https://jsfiddle.net/kLhmd7nw/4/

あなたがネットワーク要求を見ると、Firefoxのテキストに「プログレスバー」は表示されますしながら、あなたは、jsfiddleサイトからのエラー応答を取得しますフォームを提出する人はいません。