Adicionar Formatação (Mascara) com DDD em Campo Input de Telefone - Bruno Devx - BR Criativus

post #4426

Adicionar Formatação (Mascara) com DDD em Campo Input de Telefone

Publicado em: 16/02/2024 / Atualizado em: 16/02/2024

Categorias: BlogJavaScript (JS)jQueryJS

Segue baixo código completo com o link dos CDNs da biblioteca jquery.mask e jQuery, e código abaixo com input modelo para teste:

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>

<input class="sp_celphones" type="text" name="telefone" placeholder="Ex: (11) 90000-9999">

<script>
$(document).ready(function(){
    var SPMaskBehavior = function (val) {
      return val.replace(/\D/g, '').length === 13 ? '+55 (00) 00000-0000' : '+55 (00) 0000-00009';
    },
    spOptions = {
      onKeyPress: function(val, e, field, options) {
          field.mask(SPMaskBehavior.apply({}, arguments), options);
        }
    };
    
    $('.sp_celphones').mask(SPMaskBehavior, spOptions);
});
</script>

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=4426

ID de Referência: 4426

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato