iOS5だとinput type="number"で桁区切りカンマが入ってしまう対策

HTML5でinput type="number"を指定すると,iOSでもAndroidでも数字入力モードになってくれるので便利!
しかしiOS5だと数字列が欲しいのに数値になってしまうので先頭の0が省略されたり,桁区切りのカンマが入ってしまうことも確認!
こりゃ困るねーということで対応をググった.

iOS 5(iPhone等)の数字入力用inputフィールドでカンマを表示させない方法 – flairDays

type="text"にしてpatternを指定すれば良い,と.
確かにその通りでしたが,Androidは数字入力モードにならない.

ということで結果下記のような対応を取ってみることに

html部分
<input type="number" id="num" />←Android向け
<input type="text" id="num2" pattern="[0-9]*" />←iOS向け

JavaScript部分(jQuery前提)
var agent = navigator.UserAgent;
if(agent.search(iPhone|iPad|iPod) != -1){
 $(‘#num’).remove();
 $(‘#num2’).attr(‘id’,’num’);
}else{
 $(‘#num2’).remove();
}

ムリヤリ感ありますが…
Androidもnumberを数値として扱い始めると先頭が0の場合は話が違ってくるしなぁ.
というかブラウザ毎にこういうの意識するのは基本的にはイヤだなぁ…(iOSも4と5で対応違うし…ブラウザ違えばもっと違うし…)

メモ20120712

雇用流動化へ「40歳定年を」 政府が長期ビジョン  :日本経済新聞
これはこれで面白いなーと思うのだけど,急にやれるものではないしなー.

違法ダウンロード刑事罰化、文化庁が見解とQ&Aを公開 – ITmedia ニュース
文化庁が見解出してもこの通りに運用されるかどうかはわからんしなぁ(不信感

てくろぐ » 2012 IIJインターンシップ募集開始&神保町カレーマップ
カレーマップすごい.

【PC Watch】 KOUZIRO、フルHD 21.5型のAndroid 4.0タブレット
21.5ははたしてタブレットなのか.電源必須だし.
でも外部ディスプレイとして使えるのはいいなー.世の10インチクラスのタブレットも外部ディスプレイになってほしい.

アニメ制作会社を辞めました
大変なんですねぇ.

メモ20120711

エスカレーター落下防止で新基準 NHKニュース
エスカレーターそのまんま落ちてたのか!動画がわかりやすい.

【スクープ】「首相官邸前デモの参加者数、実は警視庁は発表していなかった」という謎 | オルタナS
ほー.

Press Enter■
そろそろ「冷たい方程式」をまとめ読みするかー

Twitterでフォロワーが減るツイートを調べてみた | オモコロ特集
ためになるなぁ!(なるのか!

javascript – Why does parseInt(1/0, 19) return 18? – Stack Overflow
無限大はなぜ18かw

同語源の駅名(1)
浦和が東南西北白(無印)発(武蔵)中と揃ってるのは知っていたが,広島に北広島(北海道)が並んでるのはw

メモ20120709

レバ刺し最終試食会の夕べ:日経ビジネスオンライン
脱法レバー,どれぐらい出てるかなぁ.

欧州議会のACTA否決で深まる日本の“監視・検閲型”知財政策への疑念 – ガジェット通信
情報なんて空気に流れたらもうコピーされたも同然だと思うのよねー極論だけども.

オルレアンのうわさ
忽然と客の消えるブティック – Wikipedia
うわさの構造のアレ.たまに思い出したように再読する.

婚活の場として「クラブ」を再提案!「DJ男子」がイイ男な理由 by Gow!Magazine(ガウ!マガジン)
まぁなんでもいいけど共通の趣味からつながるってのはよくある話だしいいんじゃないのー(趣味になればな…

Thunderbirdの開発、事実上終了へ – ITmedia ニュース
まぁ今の機能で困ってないもんなぁ.WindowsでもLinuxでもお世話になってます.