Como adicionar uma máscara de telefone com até 9 dígitos em um campo utilizando apenas Javascript.
Você pode utilizar Plugins em jQuery para fazer isso, porém será que é necessário você incluir todo o jQuery + o Plugin para fazer um simples máscara de telefone?
Eu acho que não, por isso vamos utilizar apenas Javascript, nada de frameworks! Vamos ao código!
function mascaraTelefone( campo ) { function trata( valor, isOnBlur ) { valor = valor.replace(/\D/g,""); valor = valor.replace(/^(\d{2})(\d)/g,"($1)$2"); if( isOnBlur ) { valor = valor.replace(/(\d)(\d{4})$/,"$1-$2"); } else { valor = valor.replace(/(\d)(\d{3})$/,"$1-$2"); } return valor; } campo.onkeypress = function (evt) { var code = (window.event)? window.event.keyCode : evt.which; var valor = this.value if(code > 57 || (code < 48 && code != 8 )) { return false; } else { this.value = trata(valor, false); } } campo.onblur = function() { var valor = this.value; if( valor.length < 13 ) { this.value = "" }else { this.value = trata( this.value, true ); } } campo.maxLength = 14; }
Para aplicar a mascara em um campo devemos utilizar:
mascaraTelefone( document.getElementById('id_do_campo') );
Só altere o parâmetro id_do_campo de acordo com o ID do seu campo.
Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…
Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…
Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…
Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…
Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…
Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…
Ver comentários
Obrigado!
Olá amigo boa noite... estou testando esse script em um projeto e ta dando um bug... quando termino de preencher o campo com o numero, se caso eu tente adicionar mais um numero (mesmo alcançando o limite), o script faz o hífen mudar de lugar e o numero muda o formato de "(99)99999-9999" para "(99)999999-999".
Fora isso o script funciona perfeitamente... muito obrigado pelo post...