Phone formatter

javascript function to help format phone number

by nobuts

HTML

<input class="phone" maxlength="10"></input>

JavaScript

// Used to format phone number
function phoneFormatter() {
  $('.phone').on('input', function() {
    var number = $(this).val().replace(/[^\d]/g, '')
    if (number.length == 7) {
      number = number.replace(/(\d{3})(\d{4})/, "+66 $1-$2");
    } else if (number.length == 13) {
      number = number.replace(/(\d{3})(\d{3})(\d{4})/, "+66 ($1) $2-$3");
    }
    $(this).val(number)
  });
};

$(phoneFormatter);