郵便番号フィールドにinput[type="number"]を使ってはいけない
スマホサイトを制作したのだがフォームにフォーカスを当てた際に出るキーボードを 数字キーボードにしたいという要望があったので input[type="number"] や input[type="tel"] を使えば良いと聞いていた俺は それぞれ郵便番号と電話番号のフィールドの type を text から変更したのだけど input[type="number"] には罠があったので共有します。 input[type="number"] というよりは iOS の Safari にある罠です。 iOS の Safari は input[type="number"] のフィールドで入力値がゼロ始まりの数値の場合、頭のゼロを自動で除去するこの仕様…あのおせっかいな Excel を思い出す仕様だぜ…ｷﾞﾘｯ… 例えば皇居の郵便番号 100-0001 は分割された郵便番号フォームの後ろの部分が以下のよ
iOS5/6でHTML5のinput type="number"の挙動が変わる - ただの覚書
HTML5で登場した、input type="number"というInputタグの属性。 スマートフォンのサイトを作る際に、勝手に 数字キーボードを出してくれるので便利とのことで、使っていたが。。。 iOS5以降で仕様が変わり、リクエストが送信される際に ・0始まりの場合、0は消される ex) 00001→1 ・勝手に , がつく ex) 12345678→12,345,678 という余計なことをしてくれるようになった。 さらに、13ケタ以上だと、下1桁が丸められる(09が10になる)といった報告も。。。。 このせいで、郵便番号とかカード番号の入力欄を input type="number"にしていると 動きがおかしくなる。 数量などの本当の数値入力として使っている場合も、リクエストパラメータが数値かどうか [0-9]* のようにチェックしていると、「,」のせいで全部エラーになる。 対策と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
