Camp de telèfon
Recopila números de telèfon amb precisió i poliment. Des de formats internacionals fins a formatació automàtica amb validació en directe, patrons personalitzats i teclats optimitzats per a mòbils, el camp Telèfon garanteix una recopilació precisa de números de telèfon amb una entrada fàcil d'utilitzar i un format professional.
Col·lecció de telèfons intel·ligents amb formatació automàtica
Perfecte per:
Funcions potents per a cada cas d'ús
🌍 Múltiples formats de telèfon
Quatre opcions de format:
Format internacional: format flexible que s'adapta als estàndards telefònics de qualsevol país. Accepta diversos patrons internacionals com ara +1 (123) 456-7890 o +44 1234 567890.
- Format dels EUA – (123) 456-7890 – Format estàndard nord-americà amb parèntesis i guions automàtics.
- Format del Regne Unit: 01234 567890, format britànic amb espai després del codi d'àrea.
- Format personalitzat: definiu el vostre propi patró utilitzant el 9 per als dígits i símbols per als separadors (per exemple, +99 999-999-9999).
Per què és important el format:
- Garanteix la coherència entre les presentacions
- Millora la qualitat i la llegibilitat de les dades
- Coincideix amb les expectatives dels usuaris per regió
- Simplifica la validació del número de telèfon
Marcadors de posició intel·ligents:
El text de marcador de posició específic del format apareix automàticament per guiar els usuaris sobre el format esperat.
⌨️ Formata mentre escrius
Format automàtic en directe
Activeu "Formata mentre escriviu" i observeu com es formaten els números de telèfon automàticament mentre els usuaris introdueixen dígits. Els parèntesis, els espais i els guions apareixen en temps real.
Com funciona:
- Tipus d'usuari: 1234567890
- Exposicions de camp: (123) 456-7890 (per al format dels EUA)
- L'enviament rep un número amb el format correcte.
Beneficis:
- Retroalimentació visual instantània
- Els usuaris veuen el format correcte immediatament
- Redueix els errors d'entrada
- Experiència d'usuari professional
- No cal formatació després de l'enviament
Exemples de format:
- EUA: (123) 456-7890 formata a mesura que escrius
- Regne Unit: 01234 567890 formats amb espai
- Personalitzat: Segueix el patró definit
📱 Entrada optimitzada per a mòbils
- Teclat numèric al mòbil
- Els camps de telèfon activen automàticament el teclat numèric dels dispositius mòbils. Els usuaris obtenen un teclat optimitzat per a telèfons en lloc del disseny QWERTY complet.
- Per què això importa:
- Introducció de números de telèfon més ràpida al mòbil
- Redueix els errors d'escriptura
- Millor experiència d'usuari mòbil
- Coincideix amb les aplicacions natives del telèfon
- Tecles numèriques més grans per a una precisió tàctil
Compatibilitat entre dispositius:
Funciona perfectament en iOS, Android i tots els navegadors mòbils amb compatibilitat nativa amb el teclat numèric.
🎯 Patrons de format personalitzats
Defineix el teu propi format
Necessiteu un format que no s'inclou? Creeu patrons personalitzats utilitzant una notació simple:
Sintaxi del patró:
- Utilitzeu `9` per a qualsevol dígit
- Utilitzeu símbols com a separadors (parèntesis, guions, espais, punts)
- Exemple: `(999) 999-9999` esdevé `(123) 456-7890`
Patrons personalitzats comuns:
- Austràlia: `99 9999 9999` → `02 1234 5678`
- Alemanya: `+49 999 999 9999` → `+49 123 456 7890`
- Japó: `999-9999-9999` → `123-4567-8901`
- Qualsevol país: defineix el format exacte
Previsualització en viu:
Vegeu com quedarà el vostre format personalitzat amb exemples de números de telèfon abans que els usuaris el vegin.
📏 Validació de longitud
Control de longitud mínima i màxima
Estableix el nombre mínim i el nombre màxim de dígits permesos. Assegura't que els números de telèfon compleixin els teus requisits amb la validació integrada del navegador.
Recompte intel·ligent de dígits:
La validació de longitud només compta els dígits, ignorant els caràcters de format com ara parèntesis, espais i guions.
Exemples:
- Mòbil EUA: Mínim 10, Màxim 10 (exactament 10 dígits)
- Internacional: Mín. 7, Màx. 15 (cobreix la majoria de països)
- Números locals: Mín. 7, Màx. 7 (local de 7 dígits)
- Flexible: Mín. 10, Màx. 15 (diversos formats)
Validació en temps real:
Apareix una resposta visual si el número de telèfon és massa curt o massa llarg, cosa que evita que els enviaments siguin no vàlids.
✅ Números de telèfon predeterminats
Preemplena els camps de telèfon
Defineix un número de telèfon predeterminat que apareix quan es carrega el formulari. Útil per a línies d'assistència, números de la seu o contactes comuns.
Casos d'ús:
- Línia directa d'assistència prèvia per a sol·licituds de devolució de trucades
- Mostra el número de la seu com a exemple
- Estableix el codi d'àrea predeterminat per als formularis específics de la regió
- Preompliu el telèfon de l'usuari conegut de la base de dades
Valors predeterminats editables:
Els usuaris poden editar o substituir fàcilment el valor predeterminat; és un punt de partida, no està bloquejat.
🙈 Mode de camp ocult
Emmagatzematge invisible per a telèfons
Crea camps de telèfon ocults que no siguin visibles per als usuaris però que enviïn dades amb el formulari. Perfecte per al seguiment, números de sistema o valors del backend.
Casos d'ús:
- Emmagatzemar els números de resposta del sistema
- Identificadors de línia de suport de pista
- Inclou extensions de departament
- Metadades de contacte ocultes
Com funciona:
Defineu el "Valor ocult" i s'inclourà automàticament a cada enviament de formulari sense aparèixer a la interfície d'usuari del formulari.
🔀 Lògica condicional
Visibilitat dinàmica del telèfon al camp
Mostra o amaga els camps de telèfon en funció d'altres valors de formulari. Crea formularis intel·ligents que s'adaptin a les seleccions de l'usuari.
Regles de lògica avançada:
- Lògica I: s'han de complir totes les condicions
- Lògica O: qualsevol condició pot desencadenar l'acció
- 8 operadors: Igual a, No igual a, Més gran que, Més petit que, Conté, És buit i més
Casos d'ús:
- Mostra "Número de mòbil" només quan la preferència de contacte sigui igual a "Telèfon"
- Mostra "Telèfon alternatiu" quan el tipus d'usuari és "Empresa"
- Amaga l'"Extensió de l'oficina" quan no s'ha seleccionat la ubicació de l'oficina
- Mostra el "Contacte d'emergència" quan el tipus de participant sigui igual a "Menor"
🎯 Experiència d'usuari millorada
Funcions intel·ligents integrades:
- Tipus d'entrada Tel: activa el teclat numèric en dispositius mòbils
- Compatibilitat amb l'autocompleció: els navegadors poden suggerir números de telèfon desats
- Formatació en temps real: vegeu com apareix el format a mesura que escriviu (opcional)
- Validació de format: garanteix que els números coincideixin amb el patró esperat
- Validació obligatòria: feu que l'entrada telefònica sigui obligatòria amb missatges d'error clars.
- Exemples de marcadors de posició: mostren suggeriments de format abans que els usuaris escriguin
- Text d'ajuda: afegeix descripcions per aclarir el tipus de telèfon necessari.
- Classes CSS personalitzades: apliqueu estils personalitzats que coincideixin amb la vostra marca
- Suport d'accessibilitat: compatible amb etiquetes ARIA i lector de pantalla
Configuració senzilla en 3 passos
Prepara el teu Phone Field en qüestió de minuts
Afegir el camp Telèfon
Arrossegueu i deixeu anar el camp Telèfon de la secció Camps bàsics al formulari.
Trieu Format
Seleccioneu el format de telèfon (Internacional, EUA, Regne Unit o Personalitzat). Per personalitzar-lo, definiu el patró amb el 9 com a dígits.
Configura Opcions
Activeu "Formata mentre escriviu" per al format en directe, definiu la validació de longitud mínima/màxima i, opcionalment, afegiu un número de telèfon predeterminat.
🎉 Això és tot! El camp de telèfon ja està a punt amb formatació i validació intel·ligents.
Aplicacions del món real
Formularis de contacte
* Número de contacte principal
* Números de telèfon alternatius
* Números d'oficina i mòbils
* Camps de contacte d'emergència
Sistemes de reserves
* Números de confirmació de cites
* Dades de contacte per a reserves
* Números de sol·licitud de devolució de trucades
* Números de notificació per SMS
E-commerce
* Números de contacte de la comanda
* Telèfons de lliurament
* Trucades de servei al client
* Notificacions d'estat de la comanda *
Aplicacions empresarials
* Números de telèfon de captura de contactes
* Contactes per a consultes de vendes
* Sol·licituds de col·laboració
* Dades de contacte del venedor
Salut i serveis
* Números de contacte del pacient
* Dades de contacte d'emergència *
* Recordatoris de cites
* Sol·licituds de devolució de trucada del servei
Educació i Registre
* Informació de contacte de l'estudiant
* Números de pare/mare o tutor/a
* Contactes d'emergència
* Trucades de consulta del curs
Opcions de camp completes
Configuració bàsica
- Etiqueta del camp: el títol que es mostra a sobre del camp de telèfon
- Descripció/Text d'ajuda: guia addicional per als usuaris
- Camp obligatori: feu que l'entrada per telèfon sigui obligatòria
- Text de marcador de posició: text de pista personalitzat (generat automàticament a partir del format si està buit)
Format de telèfon
- Com haurien de ser els números de telèfon?
- Format internacional (varia segons el país)
- Format dels EUA: (123) 456-7890
- Format del Regne Unit: 01234 567890
- Format personalitzat (defineix el teu propi)
Patró de format personalitzat
- El vostre format personalitzat: definiu el patró utilitzant 9 per als dígits (es mostra quan es selecciona Personalitzat)
- Exemple: `(999) 999-9999` crea `(123) 456-7890`
- Utilitzeu símbols com a separadors: parèntesis, guions, espais, punts
Opcions de format
Format a mesura que escrius: afegeix parèntesis, espais i guions automàticament mentre escrius.
Valors predeterminats
Valor per defecte: número de telèfon preemplenat quan es carrega el formulari
Validació de longitud
- Longitud mínima: nombre mínim de dígits necessaris (0-20)
- Longitud màxima: nombre màxim de dígits permesos (0-20)
Vista prèvia del format
Format d'exemple: vista prèvia en directe que mostra com apareixeran els números de telèfon amb el format seleccionat
Lògica condicional
- Habilita la lògica condicional: mostra/amaga segons les condicions
- Tipus lògic
- Cal complir totes les condicions (I)
- Es pot complir qualsevol condició (O)
- Regles de condició
- Mostra/Amaga: Acció a realitzar
- Camp: quin camp cal comprovar
- Operador – Igual a, No és igual a, Conté, Més gran que, Menor que, És buit, No és buit
- Valor – Valor de comparació
- Condicions múltiples: afegeix regles il·limitades
Opcions avançades
- Mode de camp ocult: fes que el camp sigui invisible però inclou el valor als enviaments
- Classes CSS personalitzades: aplica estils personalitzats
- Atributs d'accessibilitat: etiquetes i descripcions ARIA
- Autocompletar: activa els suggeriments de números de telèfon del navegador
Per què escollir el nostre camp telefònic?
✅ Formats flexibles – Patrons internacionals, dels EUA, del Regne Unit o personalitzats
✅ Formatació automàtica – Formatació en directe a mesura que els usuaris escriuen
✅ Optimitzat per a mòbils – Teclat numèric en dispositius mòbils
✅ Validació intel·ligent – Longitud mínima/màxima amb recompte de dígits
✅ Patrons personalitzats – Definir qualsevol format per a qualsevol país
✅ Fàcil d'usar – Exemples de format i marcadors de posició útils
✅ Dades netes – Formatació coherent en totes les presentacions
✅ Professional – L'aspecte polit compleix les expectatives
✅ Totalment integrat – Funciona perfectament amb totes les funcions del formulari
Preguntes freqüents
P: Quina diferència hi ha entre els formats de telèfon?
Internacional accepta diversos formats amb codis de país. Els formats dels EUA són (123) 456-7890. Els formats del Regne Unit són 01234 567890. El format personalitzat us permet crear el vostre propi patró utilitzant el 9 com a dígits.
P: Com funciona "Formata mentre escriviu"?
A mesura que els usuaris escriuen dígits, el camp insereix automàticament símbols de format. Si escriviu 1234567890, es converteix en (123) 456-7890 a l'instant.
P: Puc recopilar números de telèfon internacionals?
Sí. Trieu el format internacional per permetre números amb codis de país com ara +1, +44, +91 i més.
P: Què fa el patró de format personalitzat?
Defineix l'estructura exacta del número de telèfon. Utilitzeu el 9 per als dígits necessaris i afegiu símbols com ara espais o guions.
P: Com funciona la validació de longitud?
La longitud mínima i màxima només compten dígits, sense format. Si definiu Mín 10 i Màx 10, els usuaris han d'introduir exactament 10 dígits.
P: Per què utilitzar el camp de telèfon en comptes d'una entrada de text?
Activa els teclats numèrics per a mòbils, admet el format automàtic, valida l'estructura i permet l'autocompleció del navegador per als números emmagatzemats.
P: Els usuaris poden editar números de telèfon amb format automàtic?
Sí. Els usuaris poden afegir o eliminar dígits lliurement i el format s'ajusta automàticament.
P: Què passa si el format està desactivat?
Els usuaris escriuen dígits sense formatació automàtica, però els marcadors de posició i la validació de longitud encara guien l'entrada correcta.
P: Puc validar patrons telefònics específics?
Sí. Combineu formats personalitzats amb límits mínims/màxims de dígits per adaptar-los a qualsevol estàndard regional.
P: Funciona amb enllaços de WhatsApp o SMS?
Sí. Els números enviats es poden utilitzar per generar enllaços de WhatsApp o SMS en què es pugui fer clic a les notificacions.
P: Puc mostrar diferents formats de telèfon per a diferents països?
Sí. Utilitzeu la lògica condicional per mostrar els formats segons el país seleccionat.
P: Què passa si el format del meu país no apareix a la llista?
Crea el teu propi amb el format personalitzat. Fes servir el 9 com a marcadors de posició de dígits i previsualitza l'aspecte final en temps real.
