Auto Reg Ex Phone Number format (xxx) xxx-xxxx

Question

I found a pretty old example but it's almost doing exactly what i need to do: Auto Dash using Javascript on FOCUS (for a telephone number format)

However instead of the current format xxx-xxx-xxxx i'd like to do (xxx) xxx-xxxx

Can someone give me a hand with the script below with this??

$('.telnumber').keyup(function() {
    this.value = this.value
        .match(/\d*/g).join('')
        .match(/(\d{0,3})(\d{0,3})(\d{0,4})/).slice(1).join('-')
        .replace(/-*$/g, '');

    console.log("this value", this.value);
});

Joe Thomas · Accepted Answer · 2016-05-24T01:02:15.940

2

You could do something like this

var a = this.value.match(/\d*/g).join('')
        .match(/(\d{0,3})(\d{0,3})(\d{0,4})/).slice(1);

this.value  = ['(',a[0],') ',a[1],'-',a[2]].join('');

It's not very elegant but hey, elegance is for tailors right?

Update

Yea, I got bored and made a one-liner, here:

this.value =  '('+this.value
        .match(/\d*/g).join('')
        .match(/(\d{0,3})(\d{0,3})(\d{0,4})/).slice(1)
        .map((a,i)=>(a+[') ','-',''][i])).join('');

edited May 24 '16 at 01:02

answered May 24 '16 at 00:48

Joe Thomas

5,807
6
25
36

Thank you guys for your responses, this one worked for me exactly! – doubleya May 24 '16 at 03:24
I just realized I'm unable to edit or delete the number after i've typed it in. – doubleya May 24 '16 at 03:49

score 0 · Answer 2 · answered May 24 '16 at 00:42

0

The code you'll want to change is .join('-'). That's where you're getting the 'xxx-xxx-xxxx' from.

answered May 24 '16 at 00:42

robrich

13,017
7
36
63

score 0 · Answer 3 · answered May 24 '16 at 00:45

0

You need to tokenize those 3 regular expressions and then join them separately.

answered May 24 '16 at 00:45

scotty.rogers10

65
6

Auto Reg Ex Phone Number format (xxx) xxx-xxxx

3 Answers3