How can I pre-format a phone number field using jQuery?

Question

I'd like to have a phone number text field pre-formatted for a 10 digit number, like so (pipes not included, just delimiting field):

|(   )    -    |

and have the numbers the user enters fill in appropriately

|(804) 479-1832|

I found a good script for formatting correctly as the digits are entered here, but nothing yet that delivers a preformatted structure.

Is there a simple library or link for this? Thanks.

possible duplicate of [Auto-format structured data (phone, date) using jQuery plugin (or failing that vanilla JavaScript)](http://stackoverflow.com/questions/109854/auto-format-structured-data-phone-date-using-jquery-plugin-or-failing-that-v) — JohnB, Jul 19 '13 at 00:43

score 9 · Accepted Answer · answered Jun 15 '12 at 19:12

9

Check this Masked Input Plugin. It seems to be what you're looking for.

answered Jun 15 '12 at 19:12

Claudio Redi

Pretty cool, even though I don't like the idea of putting that format there, it can look confusing if you edit numbers in the middle of the phone – Ruan Mendes Jun 15 '12 at 19:16
any solution which doesn't involve a plugin ? – neuro_tarun Jun 05 '15 at 17:49
@user2929588: check this other question to see if helps http://stackoverflow.com/questions/11633726/phone-mask-with-jquery – Claudio Redi Jun 05 '15 at 17:56

1 Answers1