Skip to main content
4 de 4
removeu 12 caracteres do conteúdo
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170

Outra opção para aplicar uma máscara em telefones com 8 ou 9 dígitos de forma dinâmica é usar o plugin jquery.inputmask.

São definidas duas máscaras uma para oito dígitos e outra para nove, o responsável por manter o hifen no lugar correto(ou desloca-lo) é keepStatic:true(por padrão ele é false) que faz a troca apenas quando o novo padrão é detectado ou seja depois de digitado o decimo quarto caracter.

<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#telefone").inputmask({
        mask: ["(99) 9999-9999", "(99) 99999-9999", ],
        keepStatic: true
      });
    });
  </script>
</head>

<body>
  <input type="text" id="telefone" name="telefone" />
</body>

</html>

rray
  • 67,7mil
  • 21
  • 116
  • 285