Mask for 8 or 9 digit phones in brazilian format with area code (ddd) - Using Jquery.inputmask plugin

brazilian_phone_mask_with_area_code.js

// Using jquery.inputmask: https://github.com/RobinHerbots/jquery.inputmask
// For 8 digit phone fields, the mask is like this: (99) 9999-9999
// For 9 digit phone fields the mask is like this: (99) 99999-9999
function setupPhoneMaskOnField(selector){
  var inputElement = $(selector)

  setCorrectPhoneMask(inputElement);
  inputElement.on('input, keyup', function(){
    setCorrectPhoneMask(inputElement);
  });
}

function setCorrectPhoneMask(element){
  if (element.inputmask('unmaskedvalue').length > 10 ){
    element.inputmask('remove');
    element.inputmask('(99) 9999[9]-9999')
  } else {
    element.inputmask('remove');
    element.inputmask({mask: '(99) 9999-9999[9]', greedy: false})
  }
}

Este gist é para aqueles que já usavam o Jquery.inputmask e querem criar máscaras para número de telefone com 8 ou 9 dígitos mais o ddd no padrão brasileiro.

Exemplo de uso:

setupPhoneMaskOnField('#client-phone') // Passando o css-selector do input desejado

Input	Output
1234567890	(12) 3456-7890
12345678900	(12) 34567-8900

Check out it in action in this fiddle