Formatting the phone number

Question

The below textbox is printing the value of the phone number after getting it from the database.

<table>
<tr>
<td>
<s:textfield theme="simple" name="phoneNumber"/>
</td>
</tr>
</table>

How to print this value in the format (xxx) xxx-xxxx. Note: The values are coming in the form of 0123456789 from the database and output should be (012)345-6789.

What is the server-side language? It'd be much easier to format the number server-side. — JJJ, Apr 02 '12 at 09:32
for formatting strings in javascript: http://stackoverflow.com/questions/1038746/equivalent-of-string-format-in-jquery — mshsayem, Apr 02 '12 at 09:37
Are the numbers in the DB all in the same format? Or do you have numbers like +41792359866 or 0041792359866 or +41-792-349-866 (i.e. japanese format vs nanp) — PhilW, Apr 02 '12 at 09:52

score 10 · Answer 1 · answered Apr 02 '12 at 09:50

I would prefer to use replace and regexp (less code, more features).

         var phone = "0123456789";
         phone.replace(/(\d{3})(\d{3})(\d{4})/,"($1)$2-$3"); // (012)345-6789

Reference: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace

score 2 · Accepted Answer · answered Apr 02 '12 at 09:36

2

phone = "0123456789"
formated_phone = "("+phone.substring(0,3)+")"+phone.substring(3,6)+"-"+phone.substring(6,11)

answered Apr 02 '12 at 09:36

Daniil Ryzhkov

7,416
2
41
58

Your expression is generating exception – Nitish Apr 02 '12 at 10:07
The expression "("+phone.substring(0,3)+")" in itself is giving exception. Null value is getting returned. – Nitish Apr 02 '12 at 11:59
1

Try to convert your phone var to string. – Daniil Ryzhkov Apr 02 '12 at 13:03
It should be as follows: formatted_phone = '('+phone.substr(0,3)+') '+phone.substr(3,3)+'-'+phone.substr(6,4); – dneimeier Dec 15 '20 at 20:22

score 0 · Answer 3 · answered Dec 09 '20 at 03:04

const formatPhoneNumber = (phoneNumber) => {
  // convert the raw number to (xxx) xxx-xxx format
  const x = phoneNumber && phoneNumber.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/);
  return !x[2] ? x[1] : `(${x[1]}) ${x[2]}${x[3] ? `-${x[3]}` : ''}`;
};

console.log(formatPhoneNumber("1111111111"));

Formatting the phone number

3 Answers3

Linked

Related