WEBを駆使した売上UP/トータルサポートを提供　
株式会社パルムゲート

現在開発中のサイトのお客様から入力フォームが動作しないケースがあると連絡をいただいた。

いろいろ調べてみたところ、

• iOS のスマホで Safari を使うとフォーム送信ができない
• Windows 機や Android デバイスの Chrome や Firefox は OK

ということが判明。

送信データをダンプしつつ調べてみたところ、フォームの submit ボタンの click イベントをフックして、jQuery コードでフォームオブジェクトに対し submit() を適用すると、

• Safari の場合、クリックしたボタンの情報 ({name属性値}={ボタンラベル}) が送信されるフォームデータに入らない
• Chrome や Firefox ではこのデータがフォームデータに入る

という違いがあることが判明。そこで、submit() の実行前にボタン情報を補うべく

を

のようにすることで、Safari とそれ以外のブラウザで同じように動作するようになった。