Mascara de telefone nos formularios de cadastro de cliente

De Tek-System Wiki
Revisão de 19h37min de 21 de fevereiro de 2018 por Rafael Padovani (discussão | contribs)
Ir para navegação Ir para pesquisar

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:

   <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.

   <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>
   

NOTA: No campo input insira maxlength


   maxlength="15"


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