[JavaScript] 3桁で数字を区切ってみる(jQuery)

JavaScript

金額の入力欄で3桁で数字を区切りたい。

入力中にリアルタイムで区切るとUI的にうざったい。

そもそもフォームで来たときに一手間増えるから表示のときだけでいいじゃんって思っていましたが、入力欄のフォーカスが外れたときに区切れば良いかって時のやつのメモ

$(function () {
    // フォーカスアウト
    $('.money').on('blur', function () {
        var num = $(this).val();
        num = num.replace(/(\d)(?=(\d\d\d)+$)/g, '$1,');
        $(this).val(num);
    });

    // フォーカスイン?フォーカスしたとき
    $('.money').on('focus', function () {
        var num = $(this).val();
        num = num.replace(/,/g, '');
        $(this).val(num);
    });
});

これで、class="money" をinputに埋める感じでやれば良いはず

コメント

タイトルとURLをコピーしました