web-dev-qa-db-fra.com

entrée masquée ne fonctionne pas dans les mobiles Android?

J'utilise le plugin jQuery d'entrée masqué de digitalbush . Il fonctionne parfaitement dans les navigateurs Web et le navigateur iPhone, mais ne fonctionne pas pour les appareils mobiles Android.

Mon problème: Mask isin dans le champ de saisie - - ___.

Quand je tape des nombres, il sera 12345685555 ___--

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

Aucune suggestion? Comment puis-je résoudre ça?

Merci Prasad.

androidjqueryjquery-pluginsmaskedtextbox
26
Durga Prasad

J'ai résolu ce problème avec trois actions qui ont résolu ce problème pour tous les téléphones Android 4.0+:

  1. Mise à jour de l'entrée masquée au moins vers la version 1.4
  2. Ajoutez type="tel" à l'entrée pour déclencher le clavier numérique
  3. Supprimez l'attribut maxlength de l'entrée ou définissez-le sur une valeur certaine pour ne pas interférer avec l'action caret, tel que 20.
36
Tony Brasunas

J'ai essayé d'utiliser le script brut mentionné par Jonathan Rowny, mais je rencontrais toujours le même problème sur un navigateur S3-Chrome. Je pense que cela a quelque chose à voir avec les entrées type="tel" et/ou type="number". J'ai fini par devoir utiliser un autre plugin. http://igorescobar.github.io/jQuery-Mask-Plugin/

jquery-mask (à ne pas confondre avec jquery-masked-input) est très similaire mais la syntaxe était légèrement différente. J'espère que cela aide quelqu'un d'autre avec ce problème.

syntaxe d'entrée jquery-masked-:: $("#phone").mask("(999) 999-9999");

CONTRE

syntaxe jquery-mask: ('#phone').mask('(000) 000-0000');

7
duyn9uyen

Ce problème a été résolu il y a un certain temps, mais pour une raison quelconque, la distribution publiée sur le site Web n'a jamais accepté les modifications. Si vous prenez à partir de la source brute, le correctif fonctionne: https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/master/src/jquery.maskedinput.js

2
Jonathan Rowny

Après avoir essayé différentes bibliothèques de masques (Inputmask, ui-mask, ngMask), j'ai utilisé/ jQuery-Mask-Pluginhttps://igorescobar.github.io/jQuery-Mask-Plugin/ bien et est également léger et bien documenté et a angularjs, réagir, ... échantillons.

2
Rathma

Je viens de rencontrer ce problème et de le résoudre en supprimant l'attribut type = "number" de la zone de texte asp. Après cette saisie masquée a fonctionné même sur les appareils mobiles.

0
Lukas

La bibliothèque utilisée dans la question n'est plus maintenue. J'ai basculé mon application sur jQuery Mask Input car il fonctionne très bien et dispose d'un appel d'init de base très similaire à celui de l'ancienne bibliothèque, ce qui facilite la transition et, au moment de cet article, jQuery Mask Input est régulièrement mis à jour sur GitHub.

Mon problème était avec le masqueur de numéro de téléphone qui ramène le curseur à la deuxième position lorsque 3 ou 4 chiffres sont entrés. Le curseur continua d'agir bizarre après ce point. Le problème a été constaté lors de l'utilisation de jQuery Masked Input v1.4.1 (ancienne bibliothèque) dans les tablettes Android à l'aide de Chrome post majeur version 51.

0
plaidcorp