2017-07-06 89 views
-3

我有一個<input>字段,它是通過jQuery生成的(只是調用後端,它返回HTML並更新當前頁面而不重新加載),並且需要顯示正確格式的電話號碼(純整數)。例如,一個整數1234123235格式應爲+1(234)123-235html格式的文本字段爲電話號碼

我想:

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

但它不工作。我怎樣才能把這個字段格式化爲電話號碼?

+1

你的問題不明確,範圍太廣。請編輯您的問題,並嘗試包含有關您的工作的更多信息,以便有人可以幫助您。這裏的每個人都會打擊你。現在你應該非常小心如何問問。 :/ – csandreas1

回答

0

你的意思是1215551000格式121-555-1000。如果是的,你可以使用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

+0

以及如何使用它?我有jQuery是創建輸入字段。我需要格式化該字段 – SystemFailure

+0

@SystemFailure檢查我編輯的答案 – SMW

+0

我有更新文本字段值的jQuery,並且此字段應該格式化。也許我需要呼叫.change然後這個功能? – SystemFailure