Breaking News: Grepper is joining You.com. Read the official announcement!

how to format phonenumber in reactjs

Sumair Jarang answered on September 16, 2022 Popularity 9/10 Helpfulness 3/10

answer how to format phonenumber in reactjs

how to format phonenumber in reactjs

Comment

function getFormattedPhoneNum( input ) {
  let output = "(";
  input.replace( /^\D*(\d{0,3})\D*(\d{0,3})\D*(\d{0,4})/, function( match, g1, g2, g3 )
      {
        if ( g1.length ) {
          output += g1;
          if ( g1.length == 3 ) {
              output += ")";
              if ( g2.length ) {
                  output += " " + g2; 
                  if ( g2.length == 3 ) {
                      output += " - ";
                      if ( g3.length ) {
                          output += g3;
                      }
                  }
              }
           }
        }
      }       
    );        
  return output;
 }       

console.log( getFormattedPhoneNum("") );
console.log( getFormattedPhoneNum("2") );
console.log( getFormattedPhoneNum("asdf20as3d") );
console.log( getFormattedPhoneNum("203") );
console.log( getFormattedPhoneNum("203-44") );
console.log( getFormattedPhoneNum("444sg52asdf22fd44gs") );
console.log( getFormattedPhoneNum("444sg526sdf22fd44gs") );
console.log( getFormattedPhoneNum("444sg526sdf2244gs") );
console.log( getFormattedPhoneNum(" ra098 848 73653k-atui ") );
 Run code snippet

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: format javascript phone-number reactjs

Link to this answer
Share Copy Link

Contributed on Sep 16 2022

Sumair Jarang

0 Answers Avg Quality 2/10

how to format phonenumber in reactjs

Contents

More Related Answers

how to format phonenumber in reactjs

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.