Une directive pour formater numéro de téléphone
Je me demandais comment automatiquement le format d'un nombre dans un champ de saisie à l'aide d'un angularjs directive? Quand je tape dans un champ de saisie de dire 6042919283 je veux qu'il soit démontré que 604-291-9283.
Grâce
Les filtres sont idéales pour la mise en forme tâches connexes. Exemple brut jsfiddle.net/ckbh5. docs.angularjs.org/guide/filter pour plus d'informations.
comment aurais-je le faire alors qu'un utilisateur est en train de taper?
comment aurais-je le faire alors qu'un utilisateur est en train de taper?
OriginalL'auteur user1424508 | 2014-02-27
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser L'INTERFACE utilisateur Utils masque
Il vous permet de définir un allowd format d'entrée et se chargera de la validation pour vous ainsi que la mise en forme
ce n'est vraiment pas une bonne réponse. il est sujet à la pourriture des liens, et de ne pas décrire explicitement l'approche de la solution
OriginalL'auteur
Si votre numéro de téléphone est uniforme je.e tous le nombre est de 10 chiffres ce travail
Et votre html;
Je vous remercie. Ajouté le restreindre l'attribut.
je vous remercie pour votre réponse. cependant il y a un problème avec cela. Lorsqu'un utilisateur correction arrière et tente de modifier le nombre, il continue de créer des hypens
jquery pour le perdre
elem.add(phonenumber)
causesundefined
erreurOriginalL'auteur
Voici comment je l'ai fait avec une coutume directive.
customDirective.js
}]);
Et l'utilisation de ce filtre personnalisé, vous pouvez filtrer le modèle.
customFilter.js
});
HTML
OriginalL'auteur
J'ai utilisé le
ui-mask
directive AngularUI pour masquer les champs dans le passé avec grand succès. La documentation n'est pas très utile, mais voici un exemple simple de comment le faire fonctionner.Plunkr
OriginalL'auteur
J'ai écrit cela, et fonctionne plutôt bien. Le seul hic est que vous ne peut pas supprimer les tirets "-" dans le nombre. Ce code peut être facilement modifié pour tenir compte de cela.
En plus, j'ai un validateur, invalidFormat qu'un utilisateur peut définir un message personnalisé dans le cas où le numéro de téléphone est invalide
Le meilleur endroit pour mettre des validateurs est dans $analyseurs, que j'ai trouvé ma réponse à partir d'éléments de preuve trouvés ici: http://radify.io/blog/understanding-ngmodelcontroller-by-example-part-1/. C'est pourquoi ma réponse est un peu différent que les autres.
Dans le code HTML
OriginalL'auteur
N'était pas un grand fan de tout des réponses ici donc venu avec une directive de mon propre. Il met en nombre avec l'espace blanc. Ne pas utiliser jquery et vous n'avez pas à suivre les principaux traits.
OriginalL'auteur