masked entrée ne fonctionne pas sous android mobiles?
Je suis en utilisant le digitalbush masqué entrée plugin jQuery. Il fonctionne très bien dans les navigateurs web, l'iPhone navigateur parfaitement, mais il ne fonctionne pas pour les appareils mobiles Android.
Mon problème :
le masque est
dans le champ de saisie _ - _ - ___.
Quand je tape les numéros de il sera 12345685555___--
Exemple: http://rossbender.com/temp/mask.html
Des suggestions? Comment puis-je résoudre ce problème?
Merci
Prasad.
- pouvez-vous partager les DOM que vous avez utilisés ?
- $('input[name="utilisateur[ssn]"]').masque("999-99-9999"); mais tous les masques sont de retours même comportement.
- je veux dire le code html que vous avez utilisés?
- Ruby on rails (vue html de la page)
- s'il vous plaît partager le code html?
- <input type="tel" id="socialsecurity" name="utilisateur[ssn]" /> Le site de démo aussi ne fonctionne pas dans android mobiles digitalbush.com/projects/masked-input-plugin
- Avez-vous utilisé l'attribut maxlength?
- non, parce que le ssn champ est de longueur fixe.
- Cela a été résolu il ya quelque temps (il y a 11 mois), mais pour une raison quelconque, la distribution affiché sur le site web n'a jamais pris le change. Si vous prenez à partir de la crue de source, le correctif fonctionne: raw.github.com/digitalBush/jquery.maskedinput/master/src/...
- Pouvez-vous faire une réponse de votre commentaire? Parce qu'en fait, il résout le problème.
- Ma réponse semble fonctionner pour la plupart des gens. Avez-vous l'esprit en le marquant de la accepté de répondre?
Vous devez vous connecter pour publier un commentaire.
J'ai résolu ce problème avec trois actions, qui ont résolu ce pour tous les Android 4.0+ téléphones:
type="tel"
à l'entrée, pour déclencher le clavier numériquemaxlength
attribut ou définissez une valeur certaine de ne pas interférer avec le signe de l'action, comme20
.maxlength
valeur définie?J'ai essayé d'utiliser le raw script que Jonathan Rowny mentionné, mais j'ai toujours le même problème sur un S3 - navigateur google Chrome. Je pense qu'il a quelque chose à voir avec les entrées
type="tel"
et/outype="number"
. J'ai fini par avoir à utiliser un autre plugin. http://igorescobar.github.io/jQuery-Mask-Plugin/jquery-masque (à ne pas confondre avec jquery-masqué-entrée) est très similaire, mais la syntaxe est légèrement différente. Espérons que cela aide quelqu'un d'autre à ce problème.
jquery-masque de saisie de la syntaxe:
$("#phone").mask("(999) 999-9999");
VS
jquery-masque de syntaxe:
('#phone').mask('(000) 000-0000');
Cela a été résolu il ya quelque temps, mais pour une raison quelconque, la distribution affiché sur le site web n'a jamais pris le change. Si vous prenez à partir de la crue de source, le correctif fonctionne: https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/master/src/jquery.maskedinput.js
Après avoir essayé différentes masque bibliothèques (Masquesaisie (inputmask), ui-masque, ngMask) j'ai fini par utiliser jQuery-Masque-Plugin https://igorescobar.github.io/jQuery-Mask-Plugin/ qui fonctionne plutôt bien et est aussi léger et bien documentée et a angularjs, de réagir ,... échantillons.
Je viens de tomber sur ce problème et l'a résolu par la suppression de l'attribut type="number" de l'asp zone de texte. Après qui masquait l'entrée fonctionné, même sur des appareils mobiles.
La bibliothèque de la question n'est plus maintenu. J'ai changé mon application à jQuery Masque de Saisie comme il fonctionne très bien, est très semblable à la base init appel à l'ancienne bibliothèque, ce qui rend extrêmement facile de transition et, au moment de ce post, jQuery Masque de Saisie est régulièrement entretenu sur GitHub.
Mon problème était avec le numéro de téléphone de masque de déplacer le curseur vers la deuxième position lors de 3 ou 4 chiffres ont été saisis. Le curseur continue à agir étrange après ce point. Le problème a été remarqué à l'aide de jQuery Masqué Entrée v1.4.1 (ancienne bibliothèque) dans les tablettes android à l'aide de Chrome post version majeure 51.