勉強したことのメモ.

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

  関連記事

jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法
jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法

jQuery UIのDatepickerでキーボード入力を防ぎたいためreado ...

jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について
jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...

HTMLのカスタムデータ属性をjQueryで取得する際はキャッシュに注意する
HTMLのカスタムデータ属性をjQueryで取得する際はキャッシュに注意する

ASPを使用したサイトでHTMLのカスタムデータ属性を取得し色々処理したかったん ...

AjaxFileUploadで処理は実行できてもエラーが返る
AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...

summernoteのデフォルトの画像挿入時にCSSや任意の属性を指定する方法
summernoteのデフォルトの画像挿入時にCSSや任意の属性を指定する方法

summernoteのデフォルトの画像挿入時はBase64形式にエンコードされ、 ...