Telefonní pole
Sbírejte telefonní čísla s přesností a propracovaností. Od mezinárodních formátů až po automatické formátování s živým ověřováním, vlastní vzory a klávesnice optimalizované pro mobilní zařízení – pole Telefon zajišťuje přesný sběr telefonních čísel s uživatelsky přívětivým zadáváním a profesionálním formátováním.
Kolekce chytrých telefonů s automatickým formátováním
Ideální pro:
Výkonné funkce pro každý případ použití
🌍 Více formátů telefonu
Čtyři možnosti formátu:
Mezinárodní formát – Flexibilní formát, který se přizpůsobí telefonním standardům jakékoli země. Akceptuje různé mezinárodní vzory, například +1 (123) 456-7890 nebo +44 1234 567890.
- Americký formát – (123) 456-7890 – Standardní severoamerický formát s automatickými závorkami a pomlčkami.
- Britský formát – 01234 567890 – Britský formát s mezerou za směrovým číslem oblasti.
- Vlastní formát – Definujte si vlastní vzor s použitím 9 pro číslice a symbolů pro oddělovače (např. +99 999-999-9999).
Proč na formátu záleží:
- Zajišťuje konzistenci napříč podáními
- Zlepšuje kvalitu a čitelnost dat
- Odpovídá očekáváním uživatelů v jednotlivých regionech
- Zjednodušuje ověřování telefonního čísla
Inteligentní zástupné symboly:
Zástupný text specifický pro daný formát se automaticky zobrazí, aby uživatele provedl očekávaným formátem.
⌨️ Formátovat při psaní
Živé automatické formátování
Povolte funkci „Formátovat při psaní“ a sledujte, jak se telefonní čísla automaticky formátují, zatímco uživatelé zadávají číslice. Závorky, mezery a pomlčky se zobrazují v reálném čase.
Jak to funguje:
- Typy uživatelů: 1234567890
- Terénní výstavy: (123) 456-7890 (pro americký formát)
- Odeslání obdrží správně naformátované číslo
Výhody:
- Okamžitá vizuální zpětná vazba
- Uživatelé okamžitě vidí správný formát
- Snižuje chyby při zadávání
- Profesionální uživatelská zkušenost
- Po odeslání není nutné formátování
Příklady formátů:
- USA: (123) 456-7890 formátuje text při psaní
- Spojené království: 01234 567890 formáty s mezerou
- Vlastní: Dodržuje vámi definovaný vzor
📱 Vstup optimalizovaný pro mobilní zařízení
- Numerická klávesnice na mobilu
- Pole telefonu automaticky aktivují numerickou klávesnici na mobilních zařízeních. Uživatelé získají klávesnici optimalizovanou pro telefon místo plného rozložení QWERTY.
- Proč na tom záleží:
- Rychlejší zadávání telefonního čísla na mobilu
- Snižuje počet překlepů
- Lepší uživatelský zážitek na mobilních zařízeních
- Odpovídá nativním telefonním aplikacím
- Větší číselné klávesy pro přesnost dotyku
Kompatibilita mezi zařízeními:
Funguje perfektně na iOS, Androidu a všech mobilních prohlížečích s nativní podporou numerické klávesnice.
🎯 Vzory vlastního formátu
Definujte si vlastní formát
Potřebujete formát, který není zahrnut? Vytvořte si vlastní vzory pomocí jednoduché notace:
Syntaxe vzoru:
- Použijte `9` pro libovolnou číslici
- Používejte symboly jako oddělovače (závorky, pomlčky, mezery, tečky)
- Příklad: `(999) 999-9999` se změní na `(123) 456-7890`
Běžné vlastní vzory:
- Austrálie: `99 9999 9999` → `02 1234 5678`
- Německo: `+49 999 999 9999` → `+49 123 456 7890`
- Japonsko: `999-9999-9999` → `123-4567-8901`
- Libovolná země: Definujte si přesný formát
Živý náhled:
Podívejte se, jak bude váš vlastní formát vypadat s ukázkovými telefonními čísly dříve, než ho uvidí uživatelé.
📏 Ověření délky
Řízení minimální a maximální délky
Nastavte nejmenší a nejvyšší povolený počet číslic. Zajistěte, aby telefonní čísla splňovala vaše požadavky, pomocí vestavěného ověřování v prohlížeči.
Inteligentní počítání číslic:
Ověřování délky počítá pouze číslice a ignoruje formátovací znaky, jako jsou závorky, mezery a pomlčky.
Příklady:
- Mobilní telefon v USA: Min. 10, Max. 10 (přesně 10 číslic)
- Mezinárodní: Min. 7, Max. 15 (pokrývá většinu zemí)
- Místní čísla: Min. 7, Max. 7 (7místná místní čísla)
- Flexibilní: Min. 10, Max. 15 (různé formáty)
Ověření v reálném čase:
Vizuální zpětná vazba se zobrazí, pokud je telefonní číslo příliš krátké nebo příliš dlouhé, čímž se zabrání neplatným odesláním.
✅ Výchozí telefonní čísla
Předvyplňte pole telefonu
Nastavte výchozí telefonní číslo, které se zobrazí při načtení formuláře. Užitečné pro linky podpory, čísla na centrálu nebo běžné kontakty.
Případy užití:
- Předvyplňte horkou linku podpory pro žádosti o zpětné volání
- Zobrazit číslo ústředí jako příklad
- Nastavení výchozího směrového čísla oblasti pro formuláře specifické pro daný region
- Předvyplnění známého telefonního čísla uživatele z databáze
Upravitelné výchozí hodnoty:
Uživatelé mohou snadno upravit nebo nahradit výchozí hodnotu – je to výchozí bod, nikoli uzamčená hodnota.
🙈 Režim skrytého pole
Neviditelné úložiště telefonu
Vytvořte skrytá pole pro telefonní číslo, která uživatelé nebudou mít k dispozici, ale data se odesílají s formulářem. Ideální pro sledování, systémová čísla nebo hodnoty backendu.
Případy užití:
- Uložení čísel zpětných volání systému
- Identifikátory linií podpory kolejí
- Zahrnout rozšíření oddělení
- Skrytá metadata kontaktů
Jak to funguje:
Nastavte „Skrytou hodnotu“ a ta se automaticky zahrne do každého odeslání formuláře, aniž by se zobrazovala v uživatelském rozhraní formuláře.
🔀 Podmíněná logika
Dynamická viditelnost telefonního pole
Zobrazte nebo skryjte pole telefonu na základě hodnot z jiných formulářů. Vytvářejte inteligentní formuláře, které se přizpůsobí výběru uživatele.
Pokročilá logická pravidla:
- Logika AND – Všechny podmínky musí být splněny
- Logika NEBO – Akci může spustit jakákoli podmínka.
- 8 operátorů – Rovná se, Nerovná se, Větší než, Menší než, Obsahuje, Je prázdné a další
Případy užití:
- Zobrazit „Mobilní číslo“ pouze tehdy, když je preference kontaktu rovna „Telefon“
- Zobrazit „Alternativní telefon“, pokud je typ uživatele „Firma“
- Skrýt „Přístavbu kanceláře“, pokud není vybrána adresa kanceláře
- Zobrazit „Nouzový kontakt“, pokud je typ účastníka roven „Nezletilý“
🎯 Vylepšený uživatelský zážitek
Vestavěné chytré funkce:
- Typ telefonního vstupu – Spouští numerickou klávesnici na mobilních zařízeních
- Podpora automatického doplňování – Prohlížeče mohou navrhovat uložená telefonní čísla
- Formátování v reálném čase – Zobrazení formátu během psaní (volitelné)
- Ověření formátu – Zajišťuje, aby čísla odpovídala očekávanému vzoru
- Povinné ověření – Zadejte telefonní číslo jako povinné a zobrazte jasné chybové hlášení.
- Příklady zástupných symbolů – Zobrazit nápovědy k formátování předtím, než uživatelé zadají text
- Podpora textových nápověd – Přidejte popisy pro upřesnění požadovaného typu telefonu
- Vlastní CSS třídy – Použijte vlastní styling, který odpovídá vaší značce
- Podpora přístupnosti – kompatibilní s popisky ARIA a čtečkou obrazovky
Jednoduché nastavení ve 3 krocích
Připravte si telefonní pole během několika minut
Přidat pole Telefon
Přetáhněte pole Telefon ze sekce Základní pole do formuláře.
Zvolte možnost Formátovat
Vyberte formát telefonu (mezinárodní, americký, britský nebo vlastní). Pro vlastní nastavení definujte gesto pomocí číslic 9.
Možnosti konfigurace
Povolte „Formátování při psaní“ pro formátování v reálném čase, nastavte ověření minimální/maximální délky a volitelně přidejte výchozí telefonní číslo.
???? To je vše! Vaše pole s telefonním číslem je připraveno s inteligentním formátováním a ověřováním.
Aplikace v reálném světě
Kontaktní formuláře
* Hlavní kontaktní číslo
* Alternativní telefonní čísla
* Kancelářská a mobilní čísla
* Pole pro nouzové kontakty
Rezervační systémy
* Čísla potvrzení schůzky
* Kontaktní údaje pro rezervaci
* Čísla pro žádosti o zpětné volání
* Čísla pro SMS oznámení
E-commerce
* Kontaktní čísla pro objednávky
* Telefonní čísla pro doručování
* Zpětná volání zákaznického servisu
* Oznámení o stavu objednávky
Podnikové aplikace
* Telefonní čísla pro získávání potenciálních zákazníků
* Kontakty pro obchodní dotazy
* Žádosti o partnerství
* Kontaktní údaje dodavatele
Zdravotní péče a služby
* Kontaktní čísla pacientů
* Kontaktní údaje pro případ nouze
* Připomenutí schůzek
* Žádosti o zpětné volání služby
Vzdělávání a registrace
* Kontaktní informace studentů
* Čísla rodičů/zákonných zástupců
* Kontakty pro případ nouze
* Zpětné volání ohledně dotazů k kurzu
Možnosti kompletního pole
Základní konfigurace
- Popisek pole – Název zobrazený nad polem s telefonním číslem
- Popis/Nápověda – Další pokyny pro uživatele
- Povinné pole – Nastavte zadání telefonního čísla jako povinné
- Zástupný text – vlastní text nápovědy (pokud je prázdný, automaticky vygenerovaný z formátu)
Formát telefonu
- Jak by měla vypadat telefonní čísla?
- Mezinárodní formát (liší se podle země)
- Formát pro USA: (123) 456-7890
- Formát pro Spojené království: 01234 567890
- Vlastní formát (definujte si vlastní)
Vlastní vzor formátu
- Váš vlastní formát – Definujte vzor pomocí 9 pro číslice (zobrazí se, když je vybrána možnost Vlastní)
- Příklad: `(999) 999-9999` vytvoří `(123) 456-7890`
- Používejte symboly jako oddělovače: závorky, pomlčky, mezery, tečky
Možnosti formátování
Formátovat při psaní – Automaticky přidávat závorky, mezery a pomlčky při psaní
Výchozí hodnoty
Výchozí hodnota – Předvyplněné telefonní číslo při načtení formuláře
Ověření délky
- Minimální délka – Minimální požadovaný počet číslic (0–20)
- Maximální délka – Maximální povolený počet číslic (0–20)
Náhled formátu
Příklad formátu – Živý náhled zobrazující, jak se budou telefonní čísla zobrazovat ve vybraném formátu
Podmíněná logika
- Povolit podmíněnou logiku – Zobrazit/skrýt na základě podmínek
- Typ logiky
- Všechny podmínky musí být splněny (A)
- Jakákoli podmínka může být splněna (NEBO)
- Pravidla podmínek
- Zobrazit/Skrýt – Akce, kterou je třeba provést
- Pole – Které pole zkontrolovat
- Operátor – Rovná se, Nerovná se, Obsahuje, Větší než, Menší než, Je prázdné, Není prázdné
- Hodnota – Porovnávací hodnota
- Více podmínek – Přidejte neomezený počet pravidel
Pokročilé možnosti
- Režim skrytého pole – Zneviditelní pole, ale zahrne hodnotu do odeslaných položek
- Vlastní CSS třídy – Použití vlastních stylů
- Atributy přístupnosti – popisky a popisy ARIA
- Automatické dokončování – Povolí návrhy telefonních čísel v prohlížeči
Proč si vybrat naši telefonní linku?
(Tj. Flexibilní formáty – Mezinárodní, americké, britské nebo vlastní vzory
(Tj. Automatické formátování – Formátování v reálném čase během psaní uživateli
(Tj. Optimalizováno pro mobily – Numerická klávesnice na mobilních zařízeních
(Tj. Inteligentní validace – Min/Max délka s počítáním číslic
(Tj. Vlastní vzory – Definujte libovolný formát pro jakoukoli zemi
(Tj. Uživatelsky přívětivý – Příklady formátování a užitečné zástupné symboly
(Tj. Vyčistěte data – Konzistentní formátování napříč odevzdanými materiály
(Tj. Profesionální – Elegantní vzhled splňuje očekávání
(Tj. Plně integrovaný – Funguje bez problémů se všemi funkcemi formuláře
Často kladené dotazy
Otázka: Jaký je rozdíl mezi formáty telefonů?
Mezinárodní formát akceptuje různé formáty s předvolbami zemí. V USA je číslo formátováno jako (123) 456-7890. V Británii je číslo 01234 567890. Možnost Vlastní umožňuje vytvořit si vlastní vzor s použitím číslic 9.
Otázka: Jak funguje „Formátování při psaní“?
Jak uživatelé zadávají číslice, pole automaticky vkládá formátovací symboly. Zadáním kódu 1234567890 se okamžitě změní na (123) 456-7890.
Otázka: Mohu shromažďovat mezinárodní telefonní čísla?
Ano. Vyberte Mezinárodní formát, chcete-li povolit čísla s předvolbami zemí, jako například +1, +44, +91 a další.
Otázka: K čemu slouží vlastní formátovací vzor?
Definuje přesnou strukturu telefonního čísla. Pro požadované číslice použijte 9 a přidejte symboly, jako jsou mezery nebo pomlčky.
Otázka: Jak funguje ověření délky?
Minimální a maximální délka počítají pouze číslice – formátování se nemění. Pokud nastavíte Min 10 a Max 10, uživatelé musí zadat přesně 10 číslic.
Otázka: Proč používat pole pro telefon místo textového vstupu?
Spouští mobilní numerické klávesnice, podporuje automatické formátování, ověřuje strukturu a umožňuje automatické doplňování uložených čísel v prohlížeči.
Otázka: Mohou uživatelé upravovat automaticky formátovaná telefonní čísla?
Ano. Uživatelé mohou libovolně přidávat nebo odebírat číslice a formátování se upraví automaticky.
Otázka: Co se stane, když je formátování zakázáno?
Uživatelé zadávají obyčejné číslice bez automatického formátování, ale zástupné symboly a ověření délky stále vedou ke správnému zadání.
Otázka: Mohu ověřit konkrétní telefonní vzorce?
Ano. Kombinujte vlastní formáty s omezením minimálního/maximálního počtu číslic tak, aby odpovídaly jakémukoli regionálnímu standardu.
Otázka: Funguje to s odkazy na WhatsApp nebo SMS?
Ano. Zadaná čísla lze použít ke generování klikatelných odkazů WhatsApp nebo SMS v oznámeních.
Otázka: Mohu zobrazit různé formáty telefonních čísel pro různé země?
Ano. Pro zobrazení formátů na základě vybrané země použijte podmíněnou logiku.
Otázka: Co když formát pro mou zemi není uveden?
Vytvořte si vlastní pomocí Vlastního formátu. Použijte číslo 9 jako zástupné symboly číslic a prohlédněte si náhled konečného vzhledu v reálném čase.
