format phone number using angularJs

Question

How would I format a number like: (99) 9999-9999 into: 9999999999 using angularjs? someone told me to use phoneformat.js but I don't know how to implement it in my project

I would start with the Install Instructions and then move down to FAQ. Finally, check out the Demo portion. Then try it out and then we will help when you get stuck :) — KJ Price
– KJ Price, Commented Mar 13, 2015 at 20:20

talemyn · Accepted Answer · 2015-03-13 20:22:46Z

1

I'm not sure that you need anything special from Angular or any special libraries . . . just use the basic JS .replace() method and a little regex:

var sPhoneNum = "(99) 9999-9999";
var sFormattedPhoneNum = sPhoneNum.replace(/\D/g, "");
// sFormattedPhoneNum equals "9999999999"

The regular expression /\D/g matches all non-numeric characters, so it will strip out everything but the numbers.

answered Mar 13, 2015 at 20:22

talemyn

8,0004 gold badges33 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jony-Y Over a year ago

I guess the angular way would be just to put this in a filter :) but I agree this would be the best and easiest way... no need to start including external files just to strip down all none numeric...this is the correct answer, just put it in a custom filter and puff... its angularized:)

talemyn Over a year ago

Yeah, good point . . . you do actually have to plug it into your angular code for it to work. :) But, yeah, this is pretty simple formatting logic . . . certainly no need for any heavy-duty tools to get it done.

Jony-Y Over a year ago

yup:) thats why I up voted the answer :) I just added the filter answer below should he want a filter...

Community · Accepted Answer · 2017-05-23 11:52:59Z

1

so like talemyn said... the solution is simply to remove the unwanted char... the angular way to do it is via filter I guess... this is a jsfillde with an example...

myApp.filter('phoneToNum', function() {
    return function(input, scope) {
        return input.replace(/\D/g, "");
    }
});

now if you also want to revert it... use phone filter

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Mar 13, 2015 at 20:44

Jony-Y

1,5791 gold badge13 silver badges31 bronze badges

Comments

Greg Lafrance · Accepted Answer · 2015-03-13 20:25:44Z

0

Try this:

formatLocal('US', phoneNumber)

answered Mar 13, 2015 at 20:25

Greg Lafrance

7581 gold badge7 silver badges19 bronze badges

Comments

Udeep · Accepted Answer · 2016-12-09 08:07:24Z

0

I had an input field where I needed to get phone number from users but only the digits so that it's easy to index using phone number in the database. I used .replace on ng-keyup, so the non-digit characters gets removed as the user types.

in html

<input ng-keyup="formatNum()" ng-model='data.phone' placeholder="Phone Number" />

in controller

$scope.formatNum = function() {
 if ($scope.data.phone)
      $scope.data.phone = $scope.data.phone.replace(/\D/g, "");
};

edited Dec 9, 2016 at 8:07

answered Dec 9, 2016 at 5:58

Udeep

113 bronze badges

1 Comment

Hassan Abbas Over a year ago

if no save in this form +9334 46437658 0093 3446437658 03446437658 get phone no in this form 3446437658

Collectives™ on Stack Overflow

format phone number using angularJs

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related