2008-09-21 6 views
21

Lubię jQuery i zastanawiałem się, czy ktoś użył dobrej wtyczki lub (nie-jQuery) biblioteki JavaScript, która pozwala na automatyczne formatowanie uporządkowanych pól, takich jak numery telefonów lub daty. Wiem o wtyczce jquery-ui-datapicker, a nie tego, czego szukam tutaj. Możesz wpisać numer telefonu jako 123, który następnie staje się (123), dodatkowe numery będą sformatowane jako (123) 456 7890 Zewn. 123456. Jeśli naciśniesz klawisz Delete, automatyczne formatowanie zniknie automatycznie, a przesunięcie kursora, powiedzmy, po (123) i naciśnięcie klawisza delete spowoduje usunięcie 3 i zrobienie reszty (124) 567 8901 Ext. 23456. Te, z którymi grałem, wydają się niewiarygodne.Automatyczne formatowanie danych strukturalnych (telefon, data) za pomocą wtyczki jQuery (lub w przypadku braku tej wanilii JavaScript)

Odpowiedz

38

Czy robisz the Masked Input plugin zrobić to, czego potrzebujesz, lub to, co już uważasz za niewiarygodne?

+0

bardzo blisko, dzięki za wskazówki. Jeśli wprowadzę numer telefonu, usuń cyfrę i rozognam pole, w którym nie ma wejścia (argh). –

+1

Zostało to naprawione w najnowszej wersji. Możesz teraz dodać "?" do maski, co oznacza, że ​​cokolwiek po jest opcjonalne. Możesz dodać maskę "? (999) 999-9999", aby umożliwić częściowe numery telefonów. Jest to szczególnie przydatne w przypadku rozszerzeń. –

+0

Wygląda na to, że link jest uszkodzony ... Czy to ta sama wtyczka? http://digitalbush.com/projects/masked-input-plugin/#demo – TechplexEngineer

1

Allan,

wierzę najlepiej byłoby użyć wyrażeń regularnych wewnątrz dwóch oddzielnych metod formatowania w celu osiągnięcia pożądanych rezultatów. Będzie to raczej proste, jeśli chodzi o numery telefonów, a ja opublikuję przykład kodu, jeśli nie zostanie on wysłany, gdy usiądę i będę miał 10 minut na napisanie czegoś. Być może w polu daty można zamiast tego użyć czegoś takiego jak jQuery UI Datepicker? http://marcgrabanski.com/pages/code/jquery-ui-datepicker

HTH,

/sf

+0

Z wtyczką do kalendarza faktycznie miałem na myśli moduł ui-datepicker i nie nadawał się do tego, co wiem. –