HTML5を使ったフォームで電話番号を 入力した時に先頭の0が確認画面で消えてしまう 現象


HTML5を使ったフォームで電話番号を 入力した時に先頭の0が確認画面で消えてしまう 現象HTML5を使ったフォームで電話番号を
入力した時に先頭の0が確認画面で消えてしまう
現象に遭遇した。

IE10やFirefox、Chromeでは再現しない動作で、
どうもiOS系で発生する問題のよう。
まるでExcelのような挙動。。。

原因はiOSがPOSTのときにtype=”number”の値の先頭の0を取り除いて
しまうかららしい。

numberは数字だから先頭0はおかしいだろといわれればそれまでなんだけど、、
以前は動いてたものだから結構動揺した。

type=”number”はスマホなどで数字キーボードがデフォルトで
表示されるから重宝してたわけだけどこれは仕様を変えなきゃ
いけない予感。。

電話番号専用の入力ならtelを使えばいいんだろうけど色々事情が・・・。

【以下参考ページ】
■郵便番号フィールドにinput[type=”number”]を使ってはいけない

■iOS5/6でHTML5のinput type=”number”の挙動が変わる

カテゴリー

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です