- 05 Dez 2014, 15:36
#56119
E ae galera vou mostra passo a passo pra quem ainda tiver duvidas ou dificuldade para solucionar o problema de mascara do 9º do Módulo - Campos de cadastro Brasil
1º - PASSO
Primeiro de tudo, para que tudo funcione corretamente, vocês vão precisar ter a biblioteca do jQuery declarada e a biblioteca do jQuery vamos colocar o jQuery Masked Input, esse jQuery é muito utilizado para a finalidade de aplicação de máscaras em formulários como por exemplo em Telefone, Celular, CPF, RG, CEP, CNJP, etc…
O primeiro arquivo que você deve fazer as modificações para acrescentar o jQuery e o jQuery Masked Input é o catalog/view/theme/seu-tema/template/common/header.tpl
Acrescentar o jQuery e o jQuery Masked Input conforme descrito abaixo e salve.
<!-- jQuery Masked Input -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/digitalBush/jque ... "></script>
<!-- jQuery Masked Input -->
2º PASSO
Abra o arquivo XML do módulo e onde tiver a máscara do campo de telefone
/* Mascaras e Formatos */
if($('input.phone').length > 0) $('input.phone').mask('(99) 9999-9999');
if($('input.date').length > 0) $('input.date').mask('99/99/9999');
if($('input.cpf').length > 0) $('input.cpf').mask('999.999.999-99');
if($('input.cnpj').length > 0) $('input.cnpj').mask('99.999.999/9999-99');
if($('input.alphanumeric').length > 0) $('input.alphanumeric').alphanumeric();
if($('input.numeric').length > 0) $('input.numeric').numeric();
});
altere para o código abaixo:
/* Mascaras e Formatos */
if($('input.phone').length > 0) $('input.phone').mask('(99) 9999-9999?9').ready(function(event) {
var target, phone, element;
target = (event.currentTarget) ? event.currentTarget : event.srcElement;
phone = target.value.replace(/\D/g, '');
element = $(target);
element.unmask();
if(phone.length > 10) {
element.mask('(99) 99999-999?9');
} else {
element.mask('(99) 9999-9999?9');
}
});
if($('input.date').length > 0) $('input.date').mask('99/99/9999');
if($('input.cpf').length > 0) $('input.cpf').mask('999.999.999-99');
if($('input.cnpj').length > 0) $('input.cnpj').mask('99.999.999/9999-99');
if($('input.alphanumeric').length > 0) $('input.alphanumeric').alphanumeric();
if($('input.numeric').length > 0) $('input.numeric').numeric();
});
salve e prontinho está solucionado o problema com mascara do telefone.
Espero ter ajudado,
Um forte abraços a todos!!!
1º - PASSO
Primeiro de tudo, para que tudo funcione corretamente, vocês vão precisar ter a biblioteca do jQuery declarada e a biblioteca do jQuery vamos colocar o jQuery Masked Input, esse jQuery é muito utilizado para a finalidade de aplicação de máscaras em formulários como por exemplo em Telefone, Celular, CPF, RG, CEP, CNJP, etc…
O primeiro arquivo que você deve fazer as modificações para acrescentar o jQuery e o jQuery Masked Input é o catalog/view/theme/seu-tema/template/common/header.tpl
Acrescentar o jQuery e o jQuery Masked Input conforme descrito abaixo e salve.
<!-- jQuery Masked Input -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/digitalBush/jque ... "></script>
<!-- jQuery Masked Input -->
2º PASSO
Abra o arquivo XML do módulo e onde tiver a máscara do campo de telefone
/* Mascaras e Formatos */
if($('input.phone').length > 0) $('input.phone').mask('(99) 9999-9999');
if($('input.date').length > 0) $('input.date').mask('99/99/9999');
if($('input.cpf').length > 0) $('input.cpf').mask('999.999.999-99');
if($('input.cnpj').length > 0) $('input.cnpj').mask('99.999.999/9999-99');
if($('input.alphanumeric').length > 0) $('input.alphanumeric').alphanumeric();
if($('input.numeric').length > 0) $('input.numeric').numeric();
});
altere para o código abaixo:
/* Mascaras e Formatos */
if($('input.phone').length > 0) $('input.phone').mask('(99) 9999-9999?9').ready(function(event) {
var target, phone, element;
target = (event.currentTarget) ? event.currentTarget : event.srcElement;
phone = target.value.replace(/\D/g, '');
element = $(target);
element.unmask();
if(phone.length > 10) {
element.mask('(99) 99999-999?9');
} else {
element.mask('(99) 9999-9999?9');
}
});
if($('input.date').length > 0) $('input.date').mask('99/99/9999');
if($('input.cpf').length > 0) $('input.cpf').mask('999.999.999-99');
if($('input.cnpj').length > 0) $('input.cnpj').mask('99.999.999/9999-99');
if($('input.alphanumeric').length > 0) $('input.alphanumeric').alphanumeric();
if($('input.numeric').length > 0) $('input.numeric').numeric();
});
salve e prontinho está solucionado o problema com mascara do telefone.
Espero ter ajudado,
Um forte abraços a todos!!!