JavaScript PR

JavaScriptで指定の文字を置換する方法!Telの「-」を削除するときなどに

記事内に商品プロモーションを含む場合があります

JavaScriptで指定の文字を置換する方法を紹介します。
お問い合わせの電話番号の「-」を削除するときなどに活用できます。

JavaScriptで指定の文字を置換する

まずはHTMLを書きます。

<input id="tel" type="text">

続いて、JavaScript。
if()を使って、「#tel」があるかないかを判断して実行するようにしています。

const inputTel = document.querySelector('#tel');

if (inputTel) {
    inputTel.addEventListener('input', onchange);
}

function onchange() {
    if (!inputTel) {
        return; // #tel要素が存在しない場合は処理を中止
    }

    const tel = inputTel.value.replace(/-/g, "");
    console.log(tel);
}
ABOUT ME
シラツキ
Web制作会社で働くフロントエンドエンジニア(コーダー)。 ココナラでもお仕事募集しております。 HTML,CSS,JS,WordPress,EC-CUBE,Next.jsなど制作に役立つ情報を発信していきます。 webサイトの運営、修正、制作などお仕事も募集中! お気軽にご相談ください。