adicionado mascara no telefone no checkout

LimaJonas · May 19, 2021 · ff11ae4 · ff11ae4
1 parent 687296e
commit ff11ae4
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 3 deletions.
diff --git 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
@@ -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 {