post
Adicionar Formatação (Mascara) com DDD em Campo Input de Telefone
Publicado em: 16/02/2024 / Atualizado em: 16/02/2024
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:
Inscreva-se em Nossa News:
Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.
Link Curto para Compartilhamento
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.
bruno.art.br/pb/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.