Telefónne pole
Zbierajte telefónne čísla s presnosťou a precíznosťou. Od medzinárodných formátov až po automatické formátovanie s overovaním v reálnom čase, vlastné vzory a klávesnice optimalizované pre mobilné zariadenia – pole Telefón zaisťuje presný zber telefónnych čísel s užívateľsky prívetivým vstupom a profesionálnym formátovaním.
Kolekcia smartfónov s automatickým formátovaním
Ideálne pre:
Výkonné funkcie pre každý prípad použitia
🌍 Viacero formátov telefónu
Štyri možnosti formátovania:
Medzinárodný formát – Flexibilný formát, ktorý sa prispôsobí telefónnym štandardom ktorejkoľvek krajiny. Akceptuje rôzne medzinárodné vzory, ako napríklad +1 (123) 456-7890 alebo +44 1234 567890.
- Americký formát – (123) 456-7890 – Štandardný severoamerický formát s automatickými zátvorkami a pomlčkami.
- Britský formát – 01234 567890 – Britský formát s medzerou za smerovým číslom oblasti.
- Vlastný formát – Definujte si vlastný vzor pomocou 9 pre číslice a symbolov pre oddeľovače (napr. +99 999-999-9999).
Prečo je formát dôležitý:
- Zabezpečuje konzistentnosť medzi podaniami
- Zlepšuje kvalitu a čitateľnosť údajov
- Zodpovedá očakávaniam používateľov podľa regiónu
- Zjednodušuje overovanie telefónneho čísla
Inteligentné zástupné symboly:
Zástupný text špecifický pre formát sa automaticky zobrazí, aby používateľov usmernil pri výbere očakávaného formátu.
⌨️ Formátovať pri písaní
Živé automatické formátovanie
Povoľte funkciu „Formátovať pri písaní“ a sledujte, ako sa telefónne čísla automaticky formátujú, zatiaľ čo používatelia zadávajú číslice. Zátvorky, medzery a pomlčky sa zobrazujú v reálnom čase.
Ako To Funguje:
- Typy používateľov: 1234567890
- Terénne výstavy: (123) 456-7890 (pre americký formát)
- Odoslanie dostane správne naformátované číslo
Výhody:
- Okamžitá vizuálna spätná väzba
- Používatelia okamžite vidia správny formát
- Znižuje chyby pri vstupe
- Profesionálna používateľská skúsenosť
- Po odoslaní nie je potrebné žiadne formátovanie
Príklady formátov:
- USA: (123) 456-7890 formátuje počas písania
- Spojené kráľovstvo: 01234 567890 formáty s medzerou
- Vlastné: Dodržiava vami definovaný vzor
📱 Vstup optimalizovaný pre mobilné zariadenia
- Numerická klávesnica na mobile
- Polia telefónu automaticky aktivujú numerickú klávesnicu na mobilných zariadeniach. Používatelia získajú klávesnicu optimalizovanú pre telefón namiesto plného rozloženia QWERTY.
- Prečo na tom záleží:
- Rýchlejšie zadávanie telefónneho čísla na mobile
- Znižuje počet preklepov
- Lepší používateľský zážitok na mobilných zariadeniach
- Zodpovedá natívnym aplikáciám telefónu
- Väčšie číselné klávesy pre presnosť dotyku
Kompatibilita medzi zariadeniami:
Funguje perfektne na iOS, Android a všetkých mobilných prehliadačoch s natívnou podporou numerickej klávesnice.
🎯 Vzory vlastného formátu
Definujte si vlastný formát
Potrebujete formát, ktorý nie je zahrnutý? Vytvorte si vlastné vzory pomocou jednoduchej notácie:
Syntax vzoru:
- Pre ľubovoľnú číslicu použite „9“
- Používajte symboly ako oddeľovače (zátvorky, pomlčky, medzery, bodky)
- Príklad: „(999) 999-9999“ sa zmení na „(123) 456-7890“
Bežné vlastné vzory:
- Austrália: `99 9999 9999` → `02 1234 5678`
- Nemecko: `+49 999 999 9999` → `+49 123 456 7890`
- Japonsko: `999-9999-9999` → `123-4567-8901`
- Ľubovoľná krajina: Definujte presný formát
Živý náhľad:
Pozrite sa, ako bude váš vlastný formát vyzerať s príkladmi telefónnych čísel skôr, ako ho uvidia používatelia.
📏 Overenie dĺžky
Ovládanie minimálnej a maximálnej dĺžky
Nastavte najmenší a najvyšší povolený počet číslic. Zabezpečte, aby telefónne čísla spĺňali vaše požiadavky pomocou vstavaného overovania prehliadača.
Inteligentné počítanie číslic:
Overovanie dĺžky počíta iba číslice a ignoruje formátovacie znaky, ako sú zátvorky, medzery a pomlčky.
Príklady:
- Mobilné číslo v USA: Min. 10, Max. 10 (presne 10 číslic)
- Medzinárodné: Min. 7, Max. 15 (pokrýva väčšinu krajín)
- Miestne čísla: Min. 7, Max. 7 (7-miestne miestne)
- Flexibilné: Min. 10, Max. 15 (rôzne formáty)
Overenie v reálnom čase:
Vizuálna spätná väzba sa zobrazí, ak je telefónne číslo príliš krátke alebo príliš dlhé, čím sa zabráni neplatným odoslaniam.
✅ Predvolené telefónne čísla
Predvyplňte polia telefónneho čísla
Nastavte predvolené telefónne číslo, ktoré sa zobrazí pri načítaní formulára. Užitočné pre linky podpory, čísla ústredia alebo bežné kontakty.
Prípady použitia:
- Predvyplňte horúcu linku podpory pre žiadosti o spätné volanie
- Uveďte číslo sídla ako príklad
- Nastavenie predvoleného smerového čísla pre formuláre špecifické pre región
- Predvyplniť známy telefón používateľa z databázy
Upraviteľné predvolené hodnoty:
Používatelia môžu predvolenú hodnotu jednoducho upraviť alebo nahradiť – je to východiskový bod, nie uzamknutý.
🙈 Režim skrytého poľa
Neviditeľné úložisko telefónu
Vytvorte skryté polia telefónneho čísla, ktoré nie sú viditeľné pre používateľov, ale odosielajú údaje spolu s formulárom. Ideálne na sledovanie, systémové čísla alebo hodnoty backendu.
Prípady použitia:
- Uložiť čísla spätných volaní systému
- Identifikátory línií podpory koľají
- Zahrnúť rozšírenia oddelení
- Skryté metadáta kontaktu
Ako To Funguje:
Nastavte „Skrytú hodnotu“ a tá sa automaticky zahrnie do každého odoslaného formulára bez toho, aby sa zobrazila v používateľskom rozhraní formulára.
🔀 Podmienená logika
Dynamická viditeľnosť poľa telefónu
Zobraziť alebo skryť polia telefónneho čísla na základe iných hodnôt formulára. Vytvárať inteligentné formuláre, ktoré sa prispôsobujú výberom používateľa.
Pokročilé logické pravidlá:
- Logika A – Všetky podmienky musia byť splnené
- Logika ALEBO – Akciu môže spustiť akákoľvek podmienka.
- 8 operátorov – Rovná sa, Nerovná sa, Väčšie ako, Menšie ako, Obsahuje, Je prázdne a ďalšie
Prípady použitia:
- Zobraziť „Mobilné číslo“ iba vtedy, keď je preferencia kontaktu rovnaká ako „Telefón“
- Zobraziť „Alternatívny telefón“, keď je typ používateľa „Firma“
- Skryť „Prístavba kancelárie“, ak nie je vybratá adresa kancelárie
- Zobraziť „Núdzový kontakt“, keď je typ účastníka „Neplnoletý“
🎯 Vylepšený používateľský zážitok
Vstavané inteligentné funkcie:
- Typ vstupu Tel – Spúšťa numerickú klávesnicu na mobilných zariadeniach
- Podpora automatického dopĺňania – Prehliadače môžu navrhovať uložené telefónne čísla
- Formátovanie v reálnom čase – zobrazenie formátu počas písania (voliteľné)
- Overenie formátu – Zabezpečuje, aby čísla zodpovedali očakávanému vzoru
- Povinné overenie – Zadanie telefónneho čísla je povinné s jasnými chybovými hláseniami.
- Príklady zástupných symbolov – Zobraziť nápovedy formátovania pred zadaním textu používateľmi
- Podpora textových správ – Pridajte popisy na objasnenie potrebného typu telefónu
- Vlastné CSS triedy – Použite vlastný štýl, ktorý zodpovedá vašej značke
- Podpora prístupnosti – kompatibilné s ARIA štítkami a čítačkou obrazovky
Jednoduché nastavenie v 3 krokoch
Pripravte si telefónne pole za pár minút
Pridajte pole Telefón
Presuňte pole Telefón zo sekcie Základné polia do formulára.
Vyberte Formát
Vyberte formát telefónu (medzinárodný, americký, britský alebo vlastný). Pre vlastný formát definujte vzor pomocou číslic 9.
Konfigurovať možnosti
Povoľte „Formátovanie pri písaní“ pre formátovanie v reálnom čase, nastavte overovanie minimálnej/maximálnej dĺžky a voliteľne pridajte predvolené telefónne číslo.
🎉 To je všetko! Vaše pole pre telefón je pripravené s inteligentným formátovaním a overením.
Aplikácie v reálnom svete
Kontaktné formuláre
* Hlavné kontaktné číslo
* Alternatívne telefónne čísla
* Kancelárske a mobilné čísla
* Polia pre núdzové kontakty
Rezervačné systémy
* Čísla potvrdenia termínu
* Kontaktné údaje pre rezerváciu
* Čísla na žiadosti o spätné volanie
* Čísla na SMS upozornenia
E-commerce
* Kontaktné čísla na objednávku
* Telefónne čísla pre doručovanie
* Spätné volania zo zákazníckeho servisu
* Upozornenia na stav objednávky
Podnikové aplikácie
* Telefónne čísla pre získavanie potenciálnych zákazníkov
* Kontakty na obchodné otázky
* Žiadosti o partnerstvo
* Kontaktné údaje dodávateľa
Zdravotníctvo a služby
* Kontaktné čísla pacientov
* Kontaktné údaje pre prípad núdze
* Pripomienky na stretnutia
* Žiadosti o spätné volanie služby
Vzdelávanie a registrácia
* Kontaktné informácie študentov
* Čísla rodičov/opatrovníkov
* Kontakty pre prípad núdze
* Spätné volania týkajúce sa dopytov na kurz
Možnosti kompletného poľa
Základná konfigurácia
- Popis poľa – Názov zobrazený nad poľom telefónu
- Popis/Pomocný text – Ďalšie pokyny pre používateľov
- Povinné pole – Zadanie telefónneho čísla je povinné
- Zástupný text – vlastný text nápovedy (automaticky vygenerovaný z formátu, ak je prázdny)
Formát telefónu
- Ako by mali vyzerať telefónne čísla?
- Medzinárodný formát (líši sa v závislosti od krajiny)
- Formát pre USA: (123) 456-7890
- Formát pre Spojené kráľovstvo: 01234 567890
- Vlastný formát (definujte si vlastný)
Vlastný vzor formátu
- Váš vlastný formát – Definujte vzor pomocou 9 pre číslice (zobrazí sa, keď je vybratá možnosť Vlastný)
- Príklad: `(999) 999-9999` vytvorí `(123) 456-7890`
- Ako oddeľovače použite symboly: zátvorky, pomlčky, medzery, bodky
Možnosti formátovania
Formátovať počas písania – Automaticky pridávať zátvorky, medzery a pomlčky počas písania
Základné hodnoty
Predvolená hodnota – Vopred vyplnené telefónne číslo pri načítaní formulára
Overenie dĺžky
- Minimálna dĺžka – Minimálny požadovaný počet číslic (0 – 20)
- Maximálna dĺžka – Maximálny povolený počet číslic (0 – 20)
Náhľad formátu
Príklad formátu – Živý náhľad zobrazujúci, ako sa telefónne čísla budú zobrazovať vo vami zvolenom formáte
Podmienená logika
- Povoliť podmienenú logiku – zobraziť/skryť na základe podmienok
- Logický typ
- Všetky podmienky musia byť splnené (A)
- Môže byť splnená akákoľvek podmienka (ALEBO)
- Pravidlá podmienok
- Zobraziť/Skryť – Akcia, ktorú treba vykonať
- Pole – Ktoré pole sa má skontrolovať
- Operátor – Rovná sa, Nerovná sa, Obsahuje, Väčšie ako, Menšie ako, Je prázdne, Nie je prázdne
- Hodnota – Porovnávacia hodnota
- Viaceré podmienky – Pridajte neobmedzený počet pravidiel
rozšírené možnosti
- Režim skrytého poľa – Skrytie poľa, ale zahrnutie hodnoty do odoslaných položiek
- Vlastné triedy CSS – Použitie vlastného štýlu
- Atribúty prístupnosti – štítky a popisy ARIA
- Automatické dopĺňanie – Povoliť návrhy telefónnych čísel v prehliadači
Prečo si vybrať práve našu telefónnu oblasť?
✅ Flexibilné formáty – Medzinárodné, americké, britské alebo vlastné vzory
✅ Automatické formátovanie – Formátovanie v reálnom čase počas písania používateľmi
✅ Optimalizácia pre mobilné zariadenia – Numerická klávesnica na mobilných zariadeniach
✅ Inteligentné overenie – Minimálna/maximálna dĺžka s počítaním číslic
✅ Vlastné vzory – Definujte ľubovoľný formát pre ľubovoľnú krajinu
✅ Užívatelsky prívetivý – Príklady formátovania a užitočné zástupné symboly
✅ Čisté dáta – Konzistentné formátovanie vo všetkých podaniach
✅ profesionálny – Elegantný vzhľad zodpovedá očakávaniam
✅ Plne integrované – Funguje bezproblémovo so všetkými funkciami formulára
Často kladené otázky
Otázka: Aký je rozdiel medzi formátmi telefónov?
Medzinárodný formát akceptuje rôzne formáty s predvoľbami krajín. V USA čísla formátujú ako (123) 456-7890. V Spojenom kráľovstve ako 01234 567890. Vlastný formát vám umožňuje vytvoriť si vlastný vzor s použitím 9 číslic.
Otázka: Ako funguje funkcia „Formátovať pri písaní“?
Keď používatelia zadávajú číslice, pole automaticky vkladá formátovacie symboly. Zadaním čísla 1234567890 sa okamžite zmení na (123) 456-7890.
Otázka: Môžem zbierať medzinárodné telefónne čísla?
Áno. Vyberte Medzinárodný formát, aby ste povolili čísla s predvoľbami krajín, ako napríklad +1, +44, +91 a ďalšie.
Otázka: Čo robí vlastný vzor formátovania?
Definuje presnú štruktúru telefónneho čísla. Pre požadované číslice použite 9 a pridajte symboly, ako sú medzery alebo pomlčky.
Otázka: Ako funguje overovanie dĺžky?
Minimálna a maximálna dĺžka počítajú iba číslice – bez formátovania. Ak nastavíte Min 10 a Max 10, používatelia musia zadať presne 10 číslic.
Otázka: Prečo používať pole pre telefón namiesto textového vstupu?
Spúšťa mobilné numerické klávesnice, podporuje automatické formátovanie, overuje štruktúru a umožňuje automatické dopĺňanie uložených čísel v prehliadači.
Otázka: Môžu používatelia upravovať automaticky formátované telefónne čísla?
Áno. Používatelia môžu ľubovoľne pridávať alebo odoberať číslice a formátovanie sa upraví automaticky.
Otázka: Čo sa stane, ak je formátovanie zakázané?
Používatelia zadávajú obyčajné číslice bez automatického formátovania, ale zástupné symboly a overovanie dĺžky stále pomáhajú pri správnom zadávaní.
Otázka: Môžem overiť konkrétne vzory telefónu?
Áno. Kombinujte vlastné formáty s minimálnym/maximálnym počtom číslic tak, aby zodpovedali akémukoľvek regionálnemu štandardu.
Otázka: Funguje to s odkazmi na WhatsApp alebo SMS?
Áno. Zadané čísla je možné použiť na generovanie klikateľných odkazov WhatsApp alebo SMS v upozorneniach.
Otázka: Môžem zobraziť rôzne formáty telefónnych čísel pre rôzne krajiny?
Áno. Na zobrazenie formátov na základe vybranej krajiny použite podmienenú logiku.
Otázka: Čo ak formát mojej krajiny nie je uvedený?
Vytvorte si vlastný pomocou Vlastného formátu. Použite číslo 9 ako zástupné symboly číslic a pozrite si ukážku konečného vzhľadu v reálnom čase.
