diff --git a/README.md b/README.md index 3c15b9d..37853ca 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ - Simples solução para mascarar campos automaticamente no Magento2. - Funcionando nos campos de CPF/CNPJ (TAX/VAT), Telefone, e CEP (Zipcode/Postcode). -- Usando [jQuerySimpleMas](https://github.com/DevUtils/jQuerySimpleMask "jQuerySimpleMas") adaptado para o Magento2. +- Usando [jQuerySimpleMask](https://github.com/DevUtils/jQuerySimpleMask "jQuerySimpleMas") adaptado para o Magento2. - Testado e criado usando Magento 2.3.6 ### Instalação (Apenas manual) - Faça o [download](https://github.com/LimaJonas/magento-maskinput/releases "download") do modulo. diff --git a/view/frontend/web/js/setMask.js b/view/frontend/web/js/setMask.js index afc91ff..5fae160 100644 --- a/view/frontend/web/js/setMask.js +++ b/view/frontend/web/js/setMask.js @@ -1,5 +1,5 @@ require(['jquery', 'jquery/ui'], function($){ - +// ============================================ // CEP na página de usuário $('#zip').simpleMask({ 'mask': ['########'] @@ -11,7 +11,7 @@ require(['jquery', 'jquery/ui'], function($){ 'mask': ["########"] }); }); - +// ============================================ // Telefone Celular/Fixo // Essa função verifica quantos números estão digitado para saber qual máscara usar, também usada no CPF/CNPJ. $("#telephone").keydown(function(){ @@ -41,6 +41,34 @@ require(['jquery', 'jquery/ui'], function($){ $(this).val(currentValue); }); + // Telene Celular/Fixo no Checkout + $(document).on("keydown",'input[name="telephone"]', function() { + try { + $('input[name="telephone"]').unmask(); + } catch (e) {} + var tamanho = $('input[name="telephone"]').val().length; + + if(tamanho > 13){ + $('input[name="telephone"]').simpleMask({ + 'mask': ["(##) #####-####"] //Telefone Celular + }); + } else{ + $('input[name="telephone"]').simpleMask({ + 'mask': ["(##) ####-####"] //Telefone Fixo + }); + } + // ajustando foco + var elem = this; + setTimeout(function(){ + // mudo a posição do seletor + elem.selectionStart = elem.selectionEnd = 10000; + }, 0); + // reaplico o valor para mudar o foco + var currentValue = $(this).val(); + $(this).val(''); + $(this).val(currentValue); + }); +// ============================================ // CPF/CNPJ $("#taxvat").keydown(function(){ try {