Mascara de telefone nos formularios de cadastro de cliente
Revisão de 19h37min de 21 de fevereiro de 2018 por Rafael Padovani (discussão | contribs)
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.