2008-09-21 3 views
21

J'aime jQuery et je me demandais si quelqu'un avait utilisé un bon plugin ou une bibliothèque JavaScript (non jQuery) qui permet formatage des champs structurés comme les numéros de téléphone ou les dates. Je connais le plugin jquery-ui-datapicker, et pas ce que je cherche ici. Vous pouvez taper un numéro de téléphone comme 123 qui devient alors (123), les numéros supplémentaires seront formatés comme (123) 456 7890 Ext. 123456. Si vous appuyez sur supprimer, le contenu de la mise en forme automatique disparaît automatiquement, et le repositionnement du curseur, disons, après (123) et en appuyant sur supprimer supprime le 3 et fait le reste (124) 567 8901 Ext. 23456. Ceux avec lesquels j'ai joué ne semblent pas fiables.Formatage automatique des données structurées (téléphone, date) en utilisant le plugin jQuery (ou en l'absence de JavaScript)

Répondre

38

Est-ce que the Masked Input plugin fait ce dont vous avez besoin ou que vous avez déjà trouvé non fiable?

+0

Très proche, merci pour le pointeur. Si je saisis un numéro de téléphone, puis retirez un chiffre et désactivez le champ mon entrée a disparu (argh). –

+1

Ceci a été corrigé dans la dernière version. Vous pouvez maintenant ajouter '?' au masque, ce qui signifie que tout ce qui est après est facultatif. Vous pouvez donc ajouter le masque "? (999) 999-9999" pour autoriser les numéros de téléphone partiels. Ceci est particulièrement utile pour les extensions. –

+0

Il semble que votre lien est cassé ... Est-ce le même plugin? http://digitalbush.com/projects/masked-input-plugin/#demo – TechplexEngineer

1

Allan,

Je ne crois votre meilleur pari serait d'utiliser des expressions régulières à l'intérieur de deux méthodes de formatage distinctes afin d'obtenir les résultats souhaités. Ce sera plutôt simple pour les numéros de téléphone et je posterai un exemple de code si l'un d'entre eux n'est pas posté avant que je ne sois assis et que j'aie 10 minutes pour écrire quelque chose. Peut-être que pour le champ de date, vous pouvez utiliser quelque chose comme le jpu DatePicker UQuery à la place? http://marcgrabanski.com/pages/code/jquery-ui-datepicker

HTH,

/sf

+0

Avec plugin calendrier, je voulais dire le ui-datepicker et ne convient pas pour autant que je sache. –

Questions connexes