pesos - ¿La entrada enmascarada no funciona en los móviles Android?

mask jquery cdn

Question

Estoy usando el plugin jQuery de entrada enmascarada digitalbush . Funciona bien en los navegadores web y en el iPhone, pero no funciona para dispositivos móviles Android.

Mi problema: la máscara está en el campo de entrada _ - _ - ___.

Cuando escribo números lo hará 12345685555 ___- -

Ejemplo: http://rossbender.com/temp/mask.html

¿Alguna sugerencia? ¿Como puedo resolver esto?

Gracias Prasad.

Answer 1

Acabo de encontrarme con este problema y lo resolví eliminando el atributo type = "number" del cuadro de texto asp. Después de esa entrada enmascarada funcionó incluso en dispositivos móviles.

Answer 2

Después de probar diferentes bibliotecas de máscara (Inputmask, ui-mask, ngMask) terminé usando jQuery-Mask-Plugin jQuery-Mask-Plugin que funciona bastante bien y también es liviano y está bien documentado. Y tiene angularjs, reacciona, ... muestras.

Answer 3

Esto se solucionó hace un tiempo, pero por alguna razón, la distribución publicada en el sitio web nunca tomó los cambios. Si extrae del código fuente, la solución funciona: https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/master/src/jquery.maskedinput.js

Answer 4

Intenté usar la secuencia de comandos sin formato que mencionó Jonathan Rowny, pero aún tenía el mismo problema en un navegador S3 - Chrome. Creo que tiene algo que ver con las entradas type="tel" y / o type="number" . Acabé por tener que usar otro plugin. http://igorescobar.github.io/jQuery-Mask-Plugin/

jquery-mask (que no debe confundirse con jquery-masked-input ) es muy similar pero la sintaxis fue ligeramente diferente. Espero que esto ayude a alguien más con este problema.

Sintaxis de entrada jquery-masked: $("#phone").mask("[phone]");

VS

Sintaxis de jquery-mask: (''#phone'').mask(''[phone]'');

Answer 5

La biblioteca utilizada en la pregunta ya no se mantiene. Cambié mi aplicación a http://igorescobar.github.io/jQuery-Mask-Plugin/ ya que funciona muy bien, tiene una llamada de inicio de base muy similar a la biblioteca anterior, lo que hace que la transición sea extremadamente fácil y, en el momento de esta publicación, http://igorescobar.github.io/jQuery-Mask-Plugin/ se mantiene regularmente en GitHub.

Mi problema fue que el enmascarador de números de teléfono movía el cursor de nuevo a la segunda posición cuando se ingresaban 3 o 4 dígitos. El cursor continuó actuando extraño después de ese punto. El problema se notó al usar jQuery Masked Input v1.4.1 (biblioteca antigua) en tabletas de Android usando Chrome post major versión 51.

Answer 6

Resolví este problema con tres acciones, que han solucionado esto para todos los teléfonos con Android 4.0+:

1. Actualice la entrada enmascarada al menos a la versión 1.4
2. Agregue type="tel" a la entrada, para activar el teclado numérico
3. Elimine el atributo maxlength la entrada o ajústelo a un valor que no interfiera con la acción de intercalación, como 20 .