HTMLソースは先日の記事で紹介した。ここにはJavascript(jquery)を使って端末を判断し、IOSだったら、HTMLソースをtype="number"⇒type="text" pattern="[0-9]*"に書き換える方法です。
アンドロイドは正しく挙動するから、対策しなくてもOKです。
一方、IOS5.X以外の場合も正しく動きます。ここで紹介したいのは、IOS5.xでtype="number"の入力エリアーが勝手にカンマを付ける障害の対策です。
※先日の記事:
IOSでtype=numberフィールドに桁区切りのカンマを付けさせない方法
//(IOS5の場合)入力の時、数字キーボードを出せ、カンマをなくすために、type="text" pattern="[0-9]*"にセットする
if( navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i) )
{
$("input[type=number]").each(function() {
$(this).prop("type","text");
$(this).prop("pattern","[0-9]*");
});
}
♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。
★ 当記事を閲覧の方は下記の【関連記事】も閲覧していました。
zanmai @2016年03月31日
» ①②③④の順で設定できるはず。…