Mascara de telefone nos formularios de cadastro de cliente

Primeiro, para inserir a mascara no formulario de cadastro vá em:

    vendor/experius/module-addresslines/view/frontend/templates/expirius/customer/form/register.phtml
 

Inclua o seguinte codigo no javascript:

    <!-- Javascript para mascara de telefone-->
    <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('telephone').onkeyup = function(){
                mascara( this, mtel );
            }
        }
    </script>
 

onde telephone eh o id do input de telefone.

Esta mascara atende tanto telefone residencial como telefone celular.

NOTA: No campo input insira maxlength

    maxlength="15"
 

Agora, precisamos adicioná-la tambem no painel de edicao do cliente.

Inserir mascara na edicao, no painel administrativo

Vá em:

     vendor/experius/module-addresslines/view/frontend/templates/experius/customer/address/edit.phtml
 

Insira o codigo do telefone novamente, ao final do arquivo.

<nowiki>

   <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('telephone').onkeyup = function(){
               mascara( this, mtel );
           }
       }
   </script>
   
<nowiki>

NOTA: No campo input insira maxlength

<nowiki>
   maxlength="15"
<nowiki>

Insira o codigo do telefone novamente, ao final do arquivo.