Compartilhe este artigo

Compartilhar no facebook
Compartilhar no linkedin
Compartilhar no twitter
Compartilhar no email

Nesta aula ensino a fazer uma Máscara de Telefone com Elementor

Abaixo o código usado

<script type="text/javascript">
/* Máscaras ER */
function mascara(o,f){
    v_obj=o
    v_fun=f
    setTimeout("execmascara()",1)
}
function execmascara(){
    v_obj.value=v_fun(v_obj.value)
}
function mtel(v){
    
    v=v.replace(/\D/g,"");             //Remove tudo o que não é dígito
    v=v.replace(/^(\d{2})(\d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
    v=v.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
    return v;
}
function id( el ){
	return document.getElementById( el );
}
window.onload = function(){
    id('form-field-telefone').setAttribute('maxlength',15);
	id('form-field-telefone').onkeypress =
	function(){
	    mascara( this, mtel );
	}
}
</script>

Curso Elementor Grátis

Aprenda o construtor de sites mais usado atuamente

Explore mais artigos

Elementor não carrega – painel de widgets

Quando você tenta editar uma página no Elementor, o painel dos widgets não carrega e fica aquele ícone girando eternamente? Abaixo eu listo algumas possíveis soluções. Este artigo é uma tradução da documentação original do Elementor. Siga as etapas abaixo para solucionar problemas: Verifique se você atende aos requisitos do sistema. Você pode verificar se

Quer dar um gás no seu site?

Vamos bater um papo que eu te ajudo

CTA post - Máscara de Telefone no Elementor

Curso Elementor Grátis

Aprenda todos os Widgets do Elementor nesse Curso Elementor exclusivo para você