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, '');
}