勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

IE11でフォーム送信時に二重登録される

   2021/03/11  jQuery JavaScript

Internet Explorer11でform送信時にデータが二重登録されるという不具合が発生した。FirefoxやGoogle Chromeでは発生しない。以下に原因と対応方法をメモ。

 

原因

該当のフォームが送信ボタンを押すとjQueryでバリデートし、問題が無ければ「$('#test_form').submit();」みたいな感じで送信し、その後「return true」と返していた。

上記の場合IEのみ「$('#test_form').submit();」と、フォーム側の2重で送信される模様。

 

対応方法

「return true」で返さず「return false」で返し、フォーム側の送信を防ぐことで改善した。

 

参考サイト

https://www.programming-se.com/?p=3164

https://www.nyamucoro.com/entry/2018/08/03/212717

 - jQuery JavaScript

  関連記事

javascriptやjQueryで画像を書き換えても変わらない場合
javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムにプレビューする機能を作った時に、 ...

summernoteにクリップボードにコピー機能を追加する方法
summernoteにクリップボードにコピー機能を追加する方法

summernoteのツールバーに新たにボタンを設置し、そのボタンをクリックする ...

AjaxにてHTTPリクエストメソッドをDELETE / PUTで送信する方法
AjaxにてHTTPリクエストメソッドをDELETE / PUTで送信する方法

あるAPIにAjaxでリクエストする際、GET / POSTではなくDELETE ...

FlashとjQueryを組み合わせたプラグインでWebカメラで撮影した画像をアップロード
FlashとjQueryを組み合わせたプラグインでWebカメラで撮影した画像をアップロード

FlashとjQueryを組み合わせたプラグインを用いてWebカメラで撮影した画 ...

formでファイルを選択した際にファイル名やサイズ、形式を調べる方法
formでファイルを選択した際にファイル名やサイズ、形式を調べる方法

フォームで画像などをアップロードする際に「ファイルサイズが大きすぎないか?」「拡 ...