[Javascript]入力値を3桁区切りの数値に変換する（jQuery）

masaoです。だから、Javascriptに限らずWebがらみの言語はさっぱりわからないので嫌いと何度言えばわかるのやら。

そんなオッサンに、入力された値をカンマで３桁区切りの数値にしたいだって？「自分でやれよ、自分でよ」「あ～～、昨日の酒がまだ抜けん」と、いつものように愚痴っておきます。

「抜けてないのは酒🍺、抜けてるのは髪👴」うまいこと言っちゃってすいません。ぬはははは。

入力値を3桁区切りの数値に変換

さっそく、サンプルです。詳細はコメントみてください。jQueryはイベントハンドラの登録を行っているだけです。

HTML

  お金その１：<input type="text" name="okane" > <br />
  お金その２：<input type="text" name="okane" > <br />

Javascript

$(function() {
  $('input[name="okane"]')
    // カーソルが当たったとき
    .focusin(function(e) {
      // 何もしない
    })
    // カーソルが外れたとき
    .focusout(function(e)  {
      // 入力値から数字（0～9）以外の文字はバッサリ削除
      // よって小数点には対応していない。
      var s = $(this).val().replace(/[^0-9]/g, '');
      // カンマ区切りの3桁に変換する
      var c = s.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
      // テキストボックス内の値を上書き
      $(this).val(c);
    });
});