HTML, inputをJavaScriptでカンマ表示にする。

// 数値をコンマにする
// ページ読み込み時に、numberクラスのものはカンマ表示にする。
// post時に、コンマを外してsubmitする

// 読み込み時
window.addEventListener('load', function() {

    const elems = document.getElementsByClassName("number");
    for(let i = 0 ; i < elems.length ; i ++ ) {
        onComma(elems[i]);
    }

    // Post時
    const forms = document.getElementsByTagName('form');
    for(let i = 0 ; i < forms.length ; i ++ ) {
        forms[i].addEventListener('submit', function (event) {
            const elems = forms[i].getElementsByClassName("number");
            for( let i = 0 ; i < elems.length ; i ++ ) {
                offComma(elems[i])
            }
            // event.stopPropagation();
            // event.preventDefault();
        })
    }
})

function onComma (elm) {
    num = elm.value;
    elm.value = String(num).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
}

function offComma (elm) {
    num = elm.value;
    elm.value = String(num).replace(/,/g, '');
}

コメントを残す

役立つ
面白い

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください