Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

skindedo

Problema com máscara jquery para alguns celulares android

Recommended Posts

fala galera beleza?

seguinte.. tenho um formulário de cadastro, utilizei a mascara para CPF com Jquery..

até ai tudo bem.. testei em computadores e nos celulares com IOS

não tinha testado nos celulares com android, e eles começaram a dar um problema com os digitos.. estava embaralhando os digitos enquanto eu digitava..

consegui resolver este problema mudando o input do cpf para type="tel" .. até então eu achei que estava tudo certo pois tinha testado em um celular com android e estava funcionando normalmente

só que fui testar com outro celular e agora quando digita aparece em branco os digitos.. ele desloca a casa pra frente como se estivesse digitando mas não aparece nada.. 

alguém ja teve esse problema?

obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa! Tive o mesmo problema um tempo atrás. Infelizmente máscaras em jquery não sem bem aceitas em Adroids, ele muda a posição do cursor ao digitar e por isso os números mudam de posição embaraçando tudo.

 

Eu consegui resolver com essa aqui: https://github.com/igorescobar/jQuery-Mask-Plugin

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu uso normalmente a do digitalbush (função 'complete' dela é animal haha).

 

Exemplo de CEP com Mobile-First:

http://gabrieldarezzo.github.io/busca_cep/

 

Link direto:

http://digitalbush.com/

 

 

Github:

https://github.com/RubtsovAV/jquery.maskedinput/

Compartilhar este post


Link para o post
Compartilhar em outros sites
10 horas atrás, Alaerte Gabriel disse:

Opa! Tive o mesmo problema um tempo atrás. Infelizmente máscaras em jquery não sem bem aceitas em Adroids, ele muda a posição do cursor ao digitar e por isso os números mudam de posição embaraçando tudo.

 

Eu consegui resolver com essa aqui: https://github.com/igorescobar/jQuery-Mask-Plugin

 

 

não consegui fazer funcionar com essa sua =/ ele não chegou nem a aplicar a máscara o.o

utilizo o joomla 3

fiz a chamada da mascara e praticamente copiei o código para testar e mesmo assim ele não cria a máscara..

 

eu estou utilizando essa mascara aqui em anexo

tem 10kb, bem levinho

só o problema dos digitos em branco mesmo acontecendo =/

jquery.maskedinput.js

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

1 hora atrás, skindedo disse:

 

 

não consegui fazer funcionar com essa sua =/ ele não chegou nem a aplicar a máscara o.o

utilizo o joomla 3

fiz a chamada da mascara e praticamente copiei o código para testar e mesmo assim ele não cria a máscara..

 

eu estou utilizando essa mascara aqui em anexo

tem 10kb, bem levinho

só o problema dos digitos em branco mesmo acontecendo =/

jquery.maskedinput.js

Na verdade, ela não aplica a máscara na hora. Ela só adiciona os dígitos a medida que você for digitando aí ela adiciona pontos ou traços. Dessa forma o android não se atrapalha.

 

2 horas atrás, gabrieldarezzo disse:

Eu uso normalmente a do digitalbush (função 'complete' dela é animal haha).

 

Exemplo de CEP com Mobile-First:

http://gabrieldarezzo.github.io/busca_cep/

 

Link direto:

http://digitalbush.com/

 

 

Github:

https://github.com/RubtsovAV/jquery.maskedinput/

Pelo menos no meu projeto, essa também deu problema no android. Mais é muito eficiente em desktop.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aqui funciona normalmente:

https://ibb.co/eqcb5a

Tanto no Android 5.1 (Moto G1) qnt no 7.0 (MotoG4p)

As vezes foi alguma versão antiga não?

 

Vi um pessoal reclamando a respeito de mask com espaço no github porém tinha sido corrigido aparentemente.

 

Consegue reproduzir o erro via mock/fiddle @skindedo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por 4Unknow
      Bom dia comunidade Imasters.

      Venho aqui tratar de um problema dúvida que estou tendo com um layout que estou tentando usar o formulário php dele.
      Quando clico em enviar ele me enviar para um arquivo .php  (assets/vendor/simple-forms/sendmail.php)

      Ele não envia o e-mail, acredito que deveria aparecer uma mensagem que o contato foi enviado corretamente.
      Vou deixar os arquivos aqui em anexo quem puder me ajudar nessa, ficaria muito grato.
       
      Link Website (wetransfer.com)
    • Por barrigademel
      <head> <!-- Favicon --> <link href='http://www.iconj.com/ico/e/9/e993nwoswx.ico' rel='shortcut icon' type='image/x-icon'/> Não importa como eu adicione ou mude o campo favicon, ele simplesmente não sobe. já tentei re-fazer umas 15x, e mandar as 15 pro head todas sobem sem erro, mas não muda o favicon
    • Por andiroldao
      Então, estava trabalhando nesse algoritmo em Portugol e resolvi traduzir para C, porém, se eu entro com dados em veículos maior que 2000, a Média de acidentes em cidades com menos de 2000 veículos de passeio aparece como: -nan. Alguém sabe me dizer onde estou errando?   #include <stdio.h>   int main(void) {     //- Variáveis     int codigo, veiculos, acidentes;     int codigo_menos_acidente = 0;     int codigo_mais_acidente = 0;     int indice_menor_cidade = 0;     int codigo_menor_cidade = 0;     int indice_maior_cidade = 0;          int codigo_maior_cidade = 0;     int soma_acidentes_menor_2000 = 0;     int menor_indice_acidentes = 0;     int maior_indice_acidentes = 0; int soma_geral_de_veiculos = 0; int numero_cidades = 0;     float media_de_veiculos_cidades = 0;     float numero_cidades_veiculos_menor_2000 = 0; float media_de_acidentes_menor_2000 = 0;     char continuar_a_pedir_dados = 1;   do{         //- Entrada de dados         printf("\nEntrada de dados \n\n");     //- Código da cidade;     printf("Insira o Código da Cidade: ");     scanf("%d", &codigo);     //- Número de veículos de passeio;     printf("Insira o número de veículos de passeio: ");     scanf("%d", &veiculos);     //- Número de acidentes de trânsito com vítimas;     printf("Insira número de acidentes de trânsito com vítimas: ");     scanf("%d", &acidentes);       soma_geral_de_veiculos += veiculos;     numero_cidades += 1;       if(acidentes< indice_menor_cidade || indice_menor_cidade == 0) {             codigo_menor_cidade = codigo;             indice_menor_cidade = acidentes;         }     if(acidentes > indice_maior_cidade || indice_maior_cidade == 0) {         codigo_maior_cidade = codigo;             indice_maior_cidade = acidentes;     }     if(veiculos < 2000) {         soma_acidentes_menor_2000 += acidentes;         numero_cidades_veiculos_menor_2000 += 1;     }     if(acidentes < menor_indice_acidentes || menor_indice_acidentes == 0) {         codigo_menos_acidente = codigo;         menor_indice_acidentes = acidentes;     }     if(acidentes > maior_indice_acidentes || maior_indice_acidentes == 0) {             codigo_mais_acidente = codigo;         maior_indice_acidentes = acidentes;     }         printf("\nPara inserir novos dados digite \"1\", para sair do programa digite outro valor: ");     scanf("%s", &continuar_a_pedir_dados);     }     while(continuar_a_pedir_dados == '1');         printf("\n\nResultado da pesquisa\n");           media_de_veiculos_cidades = soma_geral_de_veiculos / numero_cidades;         media_de_acidentes_menor_2000 = soma_acidentes_menor_2000 / numero_cidades_veiculos_menor_2000;     //- Qual o maior índice de acidente de trânsito;     printf("\nMaior índice de acidentes: %d\n", maior_indice_acidentes);     //- Qual cidade pertence o maior índice de acidente de trânsito;     printf("\nCidade com mais acidentes: %.d\n", codigo_maior_cidade);     //- Qual o menor índice de acidente de trânsito;     printf("\nMenor índice de acidentes: %d\n", menor_indice_acidentes);     //- Qual cidade pertence o menor índice de acidente de trânsito;     printf("\nCidade com menos acidentes: %d\n", codigo_menor_cidade);     //- Qual a média de veículos nas0 cidades juntas;     printf("\nMédia de víiculos: %.f\n", media_de_veiculos_cidades);     //- Qual a média de acidentes de trânsito nas cidades com menos de 2000 veículos de passeio.     printf("\nMédia de acidentes em cidades com menos de 2000 veículos de passeio: %.f\n", media_de_acidentes_menor_2000);       printf("\n"); return 0; }
    • Por Ted2370
      Estou buscando aprender sobre o real-time-database do firebase, e de inicio estou tentando dar um push de 2 inputs pro meu banco de dados, mas quando clico no botao, nada acontece :( .
      Erro-Console:
      Uncaught ReferenceError: firebase is not defined at real-time-database.js:14 app.js:
      const firebaseConfig = { apiKey: "AIzaSyAz6JIkeQ6rH1gXTPIsTR24ce2nlLDUQcE", authDomain: "curso-fb-2d7d0.firebaseapp.com", databaseURL: "https://curso-fb-2d7d0.firebaseio.com", projectId: "curso-fb-2d7d0", storageBucket: "curso-fb-2d7d0.appspot.com", messagingSenderId: "198229858892", appId: "1:198229858892:web:aff0435d35f24210f432e9", measurementId: "G-YRW39NLBWM" }; firebase.initializeApp(firebaseConfig); firebase.analytics(); real-time-database.js
      var nameInput = window.document.getElementById("nameInput"); var ageInput = window.document.getElementById("ageInput"); var addButton = window.document.getElementById("addButton"); //Ao clicar no botão addButton.addEventListener('click', function(){ create(nameInput.value, ageInput.value) }); function create(name, age){ var data = { name: name, age: age }; return firebase.database().ref().child('users').push(data); } Index.html
      <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html"> <title>Aula FireBase</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <h1>Bem Vindo ao FireBase</h1> <ul> <li><a href="real-time-database.html">Real Time Database</a></li> </ul> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script> <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-analytics.js"></script> <script src="js/app.js"></script> </body> </html> real-time-database.html
      <!DOCTYPE html> <html lang="pt-BR"> <head> <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html"> <title>Aula FireBase</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <h1>Real Time Database</h1> <ul id="usersList"></ul> <div class="cool-md-4"> <form> <div class="form-group"> <label for="nameInput">Nome</label> <input type="text" class="form-control" id="nameInput" placeholder="Nome"> </div> <div class="form-group"> <label for="ageInput">Idade</label> <input type="number" class="form-control" id="ageInput" placeholder="Idade"> </div> <button class="btn btn-lg btn-block btn-primary" id="addButton">Adcionar</button> </form> </div> <br><br> <a href="index.html">Voltar para Home</a> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script> <script src="js/real-time-database.js "></script> <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-analytics.js"></script> <script src="js/app.js"></script> </body> </html> package.json
      { "name": "curso-fb", "version": "1.0.0", "description": "", "main": "index.js", "dependencies": { "jquery": "^3.4.1", "bootstrap": "^4.3.1" }, "devDependencies": {}, "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" }  
    • Por Ted2370
      Eae gente
      Bom, o problema é o seguinte
      Eu criei 2 arquivos html: index.html e index2.html
      o index é o html principal, e o index2 eu chamo atraves de um window.open
      até ae esta tudo certo
      mas estou tentando criar uma função onclick que, ao ser acionada no html2, altere um texto localizado no html principal
       
      Desculpa pelo código estar extremamente bagunçado, é apenas um app para treinar, ja que sou bem leigo na programação
       
       
      (Function Cadastrar se encontra no final do JS, onde estou tento problemas)
      (o ID se encontra no meio do HTML1)
      HTML1
      <!DOCTYPE html> <html lang="pt-BR"> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Nao sei</title> </head> <body> <div class="body"> <div class="Lateral"> <div class="bgEstate"> <h1 class="txtCenter" id="txtcaixa">Caixa Fechado</h1> </div> <div> <p class="txtInputtop" id="txtInput">Insira o Valor Inicial do Caixa</p> </div> <!--Insere o Valor Inicial do Caixa--> <input type="number" name="initValor" id="initValor" class="txtInput"> <input type="button" value="Abrir Caixa" class="button" onclick="estateCaixa()" id="buttonEstate"> </div> <div> <div class="listProdutos"> <p id="ttitle">Insira o ID do produto <input type="number" name="idProd" id="idProd" class="inputnum"> <input type="button" value="Ok" onclick="ok()"> </p> <h3 id="title">Lista de Produtos</h3> <p class="DiviList"> ID - Lanches</p> <p class="list" id="productlist"> 01 - Misto </br> 02 - Misto Milho</br> 03 - Misto Catupiry</br> 04 - Misto Cheddar</br> 05 - Bauru</br> 06 - X-Burguer</br> 07 - Americano</br> 08 - X-Milho</br> 09 - X-Salada</br> 10 - X-Egg</br> 11 - Lombo</br> 12 - X-Batata Palha</br> 13 - Calabresa</br> 14 - Bacon</br> 15 - CalaBacon</br> 16 - CalaFrango</br> 18 - Galinhao</br> 19 - Costelão</br> 20 - X Tudo </p> <p class="DiviList"> ID - Cachorro Quente</p> <p class="list"> 21 - Dog Normal</br> 22 - Dog Duplo</br> 23 - Dog Cheddar</br> 24 - Dog Catupiry</br> 25 - Dog Milho</br> 26 - Dog Queijo</br> 27 - Dog Frango</br> 28 - Dog Especial</br> 29 - Dog Calabresa</br> 30 - Dog Bacon</br> 31 - Dog Pure</br> 32 - Dog Costela</br> 33 - Dog Tudo </p> <p class="DiviList"> ID - Porções</p> <p class="list"> 34 - Batata Frita</br> 35 - Batata Frita c/ Ched e Bac</br> 36 - Lombo</br> 37 - Calabresa</br> 38 - Churrasco </p> <p class="DiviList"> ID - Bebidas</p> <p class="list"> 39 - Água</br> 40 - Regri Lata</br> 41 - Cerveja Lata</br> 42 - Suco de Laranja</br> 43 - Corote</br> 44 - Taubaína 2L</br> 45 - Coca/Fanta 1.5L</br> 46 - Skol Beats </p> </div> </div> <div class="Total"> <div class="inputnum"> </div> <div> <h1>Capital Adquirido</h1> </div> <div class="TotalProdutos"> </div> </div> </div> <script src="./js/main.js"></script> <script src="./js/database.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-database.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-analytics.js"></script> </body> </html> HTML2
      <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> body{ text-align: center; background-color: blue; } h5{ color: white; font-size: 20pt; text-align: center; } #cadname{ color: black; } p{ font-size: 15pt; color: white; } </style> </head> <body> <h5>CADASTRO DE PRODUTOS</h5> <p>Insira o Nome do Produto</p> <input type="text" name="cadname" id="cadname"> <p>Insira o Preço do Produto</p> <input type="number" name="cadname" id="cadvalue" step=".01" lang="nb"> <input type="button" value="Confirmar" onclick="cadastrar()"> <script src="./js/main.js"></script> </body> </html> js
      const { app, BrowserWindow } = require('electron') function createWindow() { // Cria uma janela de navegação. let win = new BrowserWindow({ width: 800, height: 600, fullscreen: true, webPreferences: { nodeIntegration: true } }) // e carregar o index.html do aplicativo. win.loadFile('index.html') win.setMenu = false } function ok() { let win2 = window.open('index2.html', '', 'width=400,height=400, fullscreen=false, resizable=no, ') } function estateCaixa() { if (window.document.getElementById('txtcaixa').textContent == 'Caixa Fechado') { window.document.getElementById('txtcaixa').textContent = 'Caixa Aberto' window.document.getElementById('txtcaixa').style.background = 'green' window.document.getElementById('buttonEstate').value = 'Fechar Caixa' //window.alert('O caixa foi aberto!') window.document.getElementById('initValor').setAttribute('disabled', 'disabled') window.document.getElementById('txtInput').textContent = 'Capital Inicial do Caixa é:' } else { window.document.getElementById('txtcaixa').textContent = 'Caixa Fechado' window.document.getElementById('txtcaixa').style.background = 'red' window.document.getElementById('buttonEstate').value = 'Abrir Caixa' // window.alert('O caixa foi fechado!') window.document.getElementById('initValor').removeAttribute('disabled') window.document.getElementById('txtInput').textContent = 'Insira o Valor Inicial do Caixa' } } function cadastrar(){ let cad = window.document.getElementById('productlist') cad.textContent = 'Apenas Teste' } app.on('ready', createWindow)  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.