Modelli di validazione persunalizati per i campi di testu

Modelli di validazione persunalizati per i campi di testu

A campu di testu accetta tuttu ciò chì l'utilizatori scrivenu, ma qualchì volta avete bisognu di furmati specifichi. L'URL di i siti web, i codici di i prudutti, i numeri di licenza o i nomi solu di lettere anu tutti mudelli chì li rendenu validi. I mudelli di validazione persunalizati vi permettenu di definisce esattamente quale furmatu hè accettabile, rilevendu l'errori prima di l'inviu.

In questa guida, amparerai cumu aghjunghje mudelli di validazione persunalizati à i campi di testu in i vostri moduli WordPress.

Chì sò i mudelli di validazione?

U Cuncettu

I mudelli di validazione sò regule chì definiscenu quale input hè validu:

  • "Deve cuntene solu lettere"
  • "Deve esse un URL validu"
  • "Deve currisponde à u furmatu ABC-1234"
  • "Deve esse esattamente 10 caratteri"

Cumu Funzionanu

  1. Tipi d'utilizatori in u campu di testu
  2. À l'inviu (o mentre scrivenu), l'input hè verificatu cù u mudellu
  3. S'ellu currisponde: A validazione hè passata
  4. S'ellu ùn hè micca cusì: Missaghju d'errore mostratu

benefici

  • Qualità di i dati: Assicurà furmati coerenti
  • Prevenzione di l'errori: Pigliate l'errori prestu
  • Guida di l'utilizatori: Aspettate chjaru
  • Compatibilità à valle: I dati funzionanu cù altri sistemi

Modelli di validazione integrati

Creatore di moduli automatichi include mudelli cumuni:

Pattern Valida Esempiu d'input validu
Email Formatu di l'indirizzu email [email prutettu]
URL URL di u situ web https://example.com
Solu Lettere AZ, solu az Ghjuvanni Smith
Solu Numeri 0-9 solu 12345
Alfanumericu Lettere è numeri ABC123
Custom U vostru propiu mudellu regex (dipende da u mudellu)

Utilizendu i mudelli integrati

Passu 1: Aghjunghje un Campu di Testu

  1. Aprite u vostru furmulariu in A.F.B.
  2. Arraste Testu campu da furmà
  3. Cliccate per cunfigurà

Passu 2: Selezziunate u mudellu di validazione

  1. truvà Schema di validazione in i paràmetri
  2. Sceglite da u menù a tendina:
    • Nimu (senza mudellu)
    • Email
    • URL
    • Solu Lettere
    • Solu Numeri
    • Alfanumericu
    • Custom
  3. Salvà a configurazione

Passu 3: Validazione di a prova

  1. Formulariu d'anteprima
  2. Pruvate un input validu - duverebbe passà
  3. Pruvate un input invalidu - duverebbe mustrà un errore

Esempi di mudelli è casi d'usu

Validazione di l'URL

Usu di:

  • Campu di u situ web
  • Ligami di u portafogliu
  • Profili di e social media
  • URL di riferimentu

Esempi validi:

  • https://example.com
  • http://www.example.com/page
  • https://example.com/path?query=value

Esempi invalidi:

  • example.com (manca u protocolu)
  • www.example.com (manca u protocolu)
  • solu un pocu di testu

Solu Lettere

Usu di:

  • Nome/cognome (validazione simplice)
  • Nomi di cità
  • Codici di paese
  • Identificatori alfabetichi

Esempi validi:

  • Ghjuvanni
  • Arcusgi
  • New York

Esempi invalidi:

  • John123
  • New York (spaziu)
  • O'Brien (apostrofu)

nota: Solu lettere hè strettu. Cunsiderate s'è vo avete bisognu di spazii, trattini o accenti.

Solu Numeri

Usu di:

  • Numeri d'identità
  • Numeri di conto
  • Quantità (quandu ùn si usa micca u campu numericu)
  • codici PIN

Esempi validi:

  • 12345
  • 00123
  • 9876543210

Esempi invalidi:

  • 123-456 (trattinu)
  • 123.45 (decimale)
  • 12345A

Alfanumericu

Usu di:

  • Codici di produttu
  • Numeri di riferimentu
  • Nomi d'utilizatori
  • Numeri di serie

Esempi validi:

  • ABC123
  • Utilizatore 42
  • PROD001

Esempi invalidi:

  • ABC-123 (trattinu)
  • ABC 123 (spaziu)
  • ABC_123 (sottulineatu)

Modelli di Validazione Persunalizati (Regex)

Chì ghjè Regex?

L'espressioni regulare (regex) sò mudelli chì descrivenu i furmati di testu:

  • ^ = Iniziu di a stringa
  • $ = Fine di a stringa
  • [A-Z] = Ogni lettera maiuscula
  • [a-z] = Ogni lettera minuscula
  • [0-9] = Qualsiasi cifra
  • {3} = Esattamente 3 di i precedenti
  • {2,5} = Trà 2 è 5 di i precedenti
  • + = Unu o più
  • * = Zeru o più
  • ? = Opzionale (zeru o unu)

Creazione di mudelli persunalizati

  1. Selezziunate "Personalizatu" da u menù a tendina di validazione
  2. Inserite u vostru mudellu regex
  3. Pruvà cù diverse entrate

Esempi di mudelli persunalizati cumuni

Codice postale di i Stati Uniti

Pattern: ^\d{5}(-\d{4})?$

Valida:

  • 12345 (5 cifre)
  • 12345-6789 (CAP+4)

Rifiuta:

  • 1234 (troppu cortu)
  • 123456 (troppu longu)
  • ABCDE (lettere)

Numeru di telefunu di i Stati Uniti

Pattern: ^\d{3}-\d{3}-\d{4}$

Valida: 555-123-4567

Per un furmatu flessibile: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Valida:

  • 555-123-4567
  • (555) 123-4567
  • 555.123.4567
  • 555 123 4567

Codice di u produttu (furmatu ABC-1234)

Pattern: ^[A-Z]{3}-\d{4}$

Valida:

  • ABC-1234
  • XYZ-9999
  • PRO-0001

Rifiuta:

  • abc-1234 (minuscule)
  • AB-1234 (solu 2 lettere)
  • ABC1234 (manca u trattinu)

Targa di immatricolazione (diversi formati)

Schema (generale US): ^[A-Z0-9]{1,7}$

Valida: 1-7 lettere maiuscule/numeri

Carta di creditu (furmatu basicu)

Pattern: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$

Valida:

  • 1234567890123456
  • 1234 5678 9012 3456
  • 1234-5678-9012-3456

nota: Per i pagamenti effettivi, aduprate i processori di pagamentu adatti cù a so validazione.

Nome d'utilizatore (Lettere, Numeri, Tracciamentu bassu)

Pattern: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$

regulamentu:

  • Principia cù a lettera
  • 3-20 caratteri in tutale
  • Solu lettere, numeri, sottolineature

Valida: utilizatore_123, GhjuvanniDoe, test42

Codice di culore Hex

Pattern: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

Valida:

  • #FF5733
  • #fff
  • #ABC123

Data (AAAA-MM-GG)

Pattern: ^\d{4}-\d{2}-\d{2}$

Valida: 2026-01-15

nota: Per e date, aduprà un campu Data cù un selezziunatore di data hè generalmente megliu.

Tempu (HH:MM 24 ore)

Pattern: ^([01]\d|2[0-3]):[0-5]\d$

Valida:

  • 09:30
  • 14:45
  • 23:59

Numeru di fattura (INV-AAAA-NNNN)

Pattern: ^INV-\d{4}-\d{4}$

Valida:

  • INV-2026-0001
  • INV-2025-1234

Numeru di Sicurezza Suciale (Stati Uniti)

Pattern: ^\d{3}-\d{2}-\d{4}$

Valida: 123-45-6789

Vale à dì: Fate attenzione à raccoglie i numeri di sicurezza suciale - implicazioni per a sicurezza è a privacy.

Custruisce i vostri propri mudelli

Prucessu Step-by-Step

  1. Definisce esigenze: Chì furmatu avete bisognu ?
  2. Scompone: Quali persunagi, quanti, in quale ordine ?
  3. Custruisce u mudellu: Traduce in regex
  4. Pruvate bè: Input validi È invalidi
  5. Scrivite u missaghju d'errore: Aiutà l'utilizatori à capisce u furmatu

Esempiu: ID di l'impiegatu

Cundizione: 2 lettere + 4 cifre + 1 lettera (per esempiu, AB1234C)

Ripartizione:

  • 2 lettere maiuscule: [A-Z]{2}
  • 4 cifre: \d{4}
  • 1 lettera maiuscula: [A-Z]
  • Nunda prima o dopu: ^ e $

Schema finale: ^[A-Z]{2}\d{4}[A-Z]$

Modelli di prova

Prima di aduprà in forma:

  • Pruvà l'input validi (duverebbe passà)
  • Pruvà l'input invalidi (duverebbe fallu)
  • Casi di prova à u limite (cunfini, caratteri speciali)
  • Aduprate i tester regex in linea per debugà

Missaghji d'errore per a validazione

Missaghji Default

  • "Per piacè inserite un valore validu"
  • "Stu campu ùn hè micca validu"

Megliu missaghji persunalizati

Dite à l'utilizatori u furmatu previstu:

Pattern Megliu missaghju d'errore
Codice pustale "Per piacè inserite un codice postale validu (per esempiu, 12345 o 12345-6789)"
Téléphone "Per piacè inserite u numeru di telefunu cum'è 555-123-4567"
U codice di u codice "Formatu: ABC-1234 (3 lettere, trattinu, 4 numeri)"
utilizatore "U nome d'utilizatore deve cumincià cù una lettera, 3-20 caratteri, solu lettere/numeri/trattini bassi"

Utilizendu u Placeholder è u Testu d'Aiutu

Impedisce l'errori mustrendu u furmatu in anticipu:

  • Spaziu riservatu: «ABC-1234»
  • Testu d'aiutu: "Inserite u vostru codice di pruduttu (per esempiu, ABC-1234)"

Prudenti pratichi

1. Start Simple

Aduprate mudelli integrati quandu hè pussibule. L'espressione regulare persunalizata aghjusta cumplessità.

2. Ùn sovravalidate micca

I mudelli troppu stretti frustranu l'utilizatori:

  • Nomi cù trattini (Mary-Jane)
  • Nomi cù apostrofi (O'Brien)
  • Personaggi internaziunali (José, Müller)

3. Mostra u furmatu previstu

Dite sempre à l'utilizatori ciò chì vi aspettate:

  • Spaziu riservatu cù esempiu
  • Testu d'aiutu chì spiega u furmatu
  • Sguassà u missaghju d'errore

4. Casi di prova di punta

  • Input viotu
  • Spazii à l'iniziu/fine
  • Caratteri speciali
  • Lunghezza massima

5. Cunsiderate Alternative

Calchì volta altri approcci sò megliu:

  • Date → Aduprà u campu Data
  • Numeri → Aduprà u campu Numeru
  • Telefunu → Aduprà u campu Telefunu cù u furmatu
  • Opzioni fisse → Aduprà u menù a tendina

Cumbinazione cù altre validazioni

Schema + Obbligatoriu

  • U campu deve esse pienu È currisponde à u mudellu
  • U viotu fiasca "richiestu"
  • U furmatu sbagliatu falla u mudellu

Schema + Lunghezza Min/Max

  • U mudellu valida u furmatu
  • A lunghezza cunvalida a taglia
  • Tramindui devenu passà

Modelli di risoluzione di i prublemi

U mudellu ùn funziona micca

Verificate:

  • A sintassi hè curretta (senza errori di battitura)
  • I caratteri speciali sò scappati currettamente
  • ^ è $ ancore se necessariu

Input validu chì hè statu rifiutatu

Verificate:

  • U mudellu pò esse troppu strettu
  • Mancanu caratteri validi in u mudellu
  • Prublemi di sensibilità à e maiuscule è minuscule

Input invalidu accettatu

Verificate:

  • U mudellu pò esse troppu largu
  • Àncore mancanti (^ è $)
  • Pruvate cù più esempi

Dumande dumandatu Spissu

Possu cumminà parechji mudelli?

Un solu campu usa un mudellu. Per una validazione cumplessa, cumminate i requisiti in una regex aduprendu l'alternazione (|) o create u mudellu per currisponde à tutti i requisiti.

I mudelli sò sensibili à e maiuscule è minuscule ?

Per difettu, sì. Aduprate [A-Za-z] per currisponde à i dui casi, o aghjunghje una bandera chì ùn distingue micca trà maiuscule è minuscule se supportata.

Cumu possu permette i spazii ?

Aghjunghjite \s à a vostra classa di caratteri: [A-Za-z\s] currisponde à e lettere è i spazii.

È chì ne dici di i persunagi internaziunali ?

U standard [A-Za-z] ùn include micca i caratteri accentuati. Per i nomi internaziunali, cunsiderate una validazione più libera o aduprate \p{L} (se supportatu) per qualsiasi lettera.

Devu validà nantu à sfocatura o invià?

Tramindui funzionanu. À a sfocatura (perdita di focus) dà un feedback più veloce. À l'inviu cattura tuttu. Parechji moduli facenu tramindui.

Suntu

Aggiunta di mudelli di validazione persunalizati:

  1. Sceglite u tipu di mudellu – Integratu o persunalizatu
  2. Cunfigurà u mudellu – Selezziunate o inserite regex
  3. Aggiungi un segnapostu – Mostra u furmatu previstu
  4. Aghjunghje testu d'aiutu – Spiegate i requisiti
  5. Imposta u missaghju d'errore – Currezzione di guida
  6. Pruvate bè – Input validi è invalidi

cunchiusioni

I mudelli di validazione persunalizati assicuranu a qualità di i dati applicendu furmati specifichi. Ch'ella sia una validazione di l'URL, codici di produttu o identificatori persunalizati, i mudelli rilevanu l'errori prima di l'inviu è guidanu l'utilizatori per curregge l'input.

Creatore di moduli automatichi include mudelli cumuni (Email, URL, Lettere, Numeri, Alfanumerichi) è supporta regex persunalizate per bisogni di validazione specializati. I dati puliti cumincianu cù una validazione adatta.

Prontu à validà i vostri input di furmulariu? Scaricate u Creatore di Forme Automatiche è assicuratevi chì i vostri formulari raccolganu dati furmattati currettamente.

Lascia un Audiolibro

U vostru indirizzu email ùn seranu micca publicatu. campi nicissarii sò marcati *