IOSでtype=numberフィールドに桁区切りのカンマを付けさせない方法_ブログ_zanmai.net

スマホサイトを開発で、金額入力するとき、最初に数字のキーボードを出せるために、inputタグのtype="number"を使いました。直接数字のキーボードをを出せることが確かに便利な機能だと思う。
しかし、３桁以上の数字を入力したら、Andoroidは正しく動きますが、(ISO5)は勝手にカンマを付けてしまう。（例3,000）このため、次のページへ進めば、いろいろな異常が発生するかもしれない。

ここで、iOSで数字キーボードが出せるし、同時にカンマを入れないようにするの２つの方法を紹介します。

方法一：

<input type="text" pattern="[0-9]* ..."/>

または

<input type="text" pattern="\d*"/>

【！】これはIOS系しかうまく挙動しません。AndroidOSには数字キーボードを出せないかもしれない。（Android2.Xと4.X以外はダメ？）
AndroidとIOS両方をうまく挙動するため、別途でJSを使ってユーザ端末を判断し、IOSの場合、上記の方法を使う。

方法二：

<input type="tel"/>

【！】数字なのに、telを指定することはよくないね。 いろいろを考えて、やっぱり方法一は適当な対応方法と思います。