Publicidade

Plugin máscara para telefones feito em jQuery

23/01/2013 » jQuery » Intermediário

Iae galera gente boa.

Hoje vamos ver como criar um plugin que mascara um input para entrada de texto do tipo "telefone", ainda mais agora com essa frescura de 9 digitos no celular (em SP). Nesse plugin teremos as seguintes formatações:

  • 1234567 vira 123-4567
  • 12345678 vira 1234-5678
  • 123456789 vira 12345-6789
  • 1234567890 vira (12) 3456-7890
  • 12345678901 vira (12) 34567-8901
  • 123456789012 vira (12 34) 5678-9012
  • 1234567890123 vira (12 34) 56789-0123

São praticamente todas as possíveis né não?! Se não for também depois a gente vê isso aí.

Vamos a criação do plugin, abram um documento de texto e salvem como phone_mask.js e coloque o seguinte código:

Pronto o plugin está criado, agora para usar seria assim:

Esse é um plugin com autoria de Cristiano Lima (https://bitbucket.org/cristianosl/)

Na versão daqui teve um update simples.

Valeu galera até a próxima.

Publicado por:

Rogério Mantoanelli @rmantoanelli
166 artigo(s) publicado(s)
Fundador do site "RogérioMaster", programador web desde 2002, especialista em PHP, jQuery. Comecei a programar server-side no ASP 3.0 e depois migrei para PHP onde estou até hoje. Já me aventurei em Action Script mas o mercado se afunilou muito e me dediquei ao PHP e jQuery.

Avalie esse post:

Comentários:

© Copyright 2018. Todos direitos reservados.