1. ホーム
  2. javascript

[解決済み] jQueryで電話番号をフォーマットする方法

2023-01-25 19:46:48

質問

現在、以下のような電話番号の表示をしています。 2124771000 . しかし、私は番号をより人間が読みやすい形に整形する必要があります、例えば。 212-477-1000 . 以下は、私の現在の HTML :

<p class="phone">2124771000</p>

どのように解決するのですか?

簡単です。 http://jsfiddle.net/Xxk3F/3/

$('.phone').text(function(i, text) {
    return text.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
});

または http://jsfiddle.net/Xxk3F/1/

$('.phone').text(function(i, text) {
    return text.replace(/(\d\d\d)(\d\d\d)(\d\d\d\d)/, '$1-$2-$3');
});

注意: .text()メソッドはinput要素には使用できません。入力フィールドのテキストには、.val() メソッドを使用します。