ホーム » ブログ » IOS5でtype="number"がカンマを勝手に付けられる問題の対応方法(補足)
このエントリーをはてなブックマークに追加
@2013/06/19
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]*");
	});
}


♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。
0人
このエントリーをはてなブックマークに追加


◎zanmai.netサイト記事の転載・複製(コピー)は、zanmai.netへのリンクであることを明記してください!
◎本記事URL: http://www.zanmai.net/blog/data/129.html

お名前:

 

EMAIL:

 

URL:

 

認証コード:

zanmai.net-safecode

 


※会員の方は認証コードを要らないから、新規登録をオススメ!

アーカイブ @zanmai.net
check