html形式のテキストフィールドを電話番号

Question

jQuery経由で生成された<input>フィールドを持っています（HTMLを返して現在のページをリロードせずにバックエンドに呼び出すだけです）、正しいフォーマットの電話番号（純粋な整数）。例えば、整数1234123235は+1としてフォーマットされるべきである（234）123から235

私が試み：

<input type='tel' pattern='[\+]\d{2}[\(]\d{2}[\)]\d{4}[\-]\d{4}' title='Phone Number (Format: +99(99)9999-9999)' value="12312312123"> 

をしかし、それは動作しません。このフィールドを電話番号としてどのようにフォーマットできますか？

Answer 1

あなたが.IF 121-555-1000がはいあなたが使用することができます1215551000フォーマットとして意味substr

var PNO = '1215551000', 
formatted = PNO .substr(0, 3) + '-' + PNO .substr(3, 3) + '-' + PNO .substr(6,4) 

出力：121-555-1000

編集：

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

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

出力：+1 (234)-123-235

jsfiddle