2008-09-21 4 views
21

Ich mag jQuery und ich frage mich, ob jemand ein gutes Plugin oder (nicht-jQuery) JavaScript-Bibliothek verwendet hat, die automatische Formatierung von strukturierten Feldern wie Telefonnummern oder Daten. Ich kenne das jquery-ui-datapicker Plugin und nicht das, wonach ich hier suche. Sie können eine Telefonnummer als 123 eingeben, die dann zu (123) wird, zusätzliche Nummern werden wie folgt formatiert: (123) 456 7890 Ext. 123456. Wenn Sie die Taste delete drücken, verschwindet die automatische Formatierung automatisch, und die Neupositionierung des Cursors, zum Beispiel nach (123) und Drücken von delete, entfernt die 3 und macht den Rest (124) 567 8901 Ext. 23456. Die, mit denen ich gespielt habe, erscheinen unzuverlässig.Automatisches Formatieren von strukturierten Daten (Telefon, Datum) mit dem jQuery-Plugin

Antwort

38

Funktioniert the Masked Input plugin, was Sie brauchen oder das Sie bereits als unzuverlässig empfunden haben?

+0

Ganz in der Nähe, danke für den Zeiger. Wenn ich eine Telefonnummer eingebe, dann entferne eine Ziffer und defokussiere das Feld, in das meine Eingabe gegangen ist (argh). –

+1

Dies wurde in der neuesten Version behoben. Sie können nun '?' zu der Maske, was bedeutet, dass alles danach optional ist. Sie können also die Maske "? (999) 999-9999" hinzufügen, um Teilrufnummern zuzulassen. Dies ist besonders nützlich für Erweiterungen. –

+0

Es scheint, dass Sie Link ist gebrochen ... Ist das das gleiche Plugin? http://digitalbush.com/projects/masked-input-plugin/#demo – TechplexEngineer

1

Allan,

Ich glaube die beste Wahl reguläre Ausdrücke innerhalb von zwei getrennten Formatierungsmethoden, um die gewünschten Ergebnisse zu erzielen wäre die Verwendung. Das wird ziemlich einfach für Telefonnummern sein und ich werde ein Codebeispiel posten, wenn eines nicht gepostet wird, wenn ich mich zurücklehne und 10 Minuten Zeit habe, etwas aufzuschreiben. Vielleicht können Sie für das Datumsfeld stattdessen etwas wie den jQuery UI Datepicker verwenden? http://marcgrabanski.com/pages/code/jquery-ui-datepicker

HTH,

/sf

+0

Mit Kalender-Plugin meinte ich eigentlich den ui-datepicker und bin nicht geeignet soweit ich das beurteilen kann. –

Verwandte Themen