Benotzerdefinéiert Validatiounsmuster fir Textfelder

Benotzerdefinéiert Validatiounsmuster fir Textfelder

A Textfeld akzeptéiert alles wat d'Benotzer aginn - awer heiansdo braucht Dir spezifesch Formater. Websäit-URLen, Produktcoden, Lizenznummeren oder Nimm, déi nëmme mat Buschtawen ausgedréckt ginn, hunn all Musteren, déi se gëlteg maachen. Mat personaliséierte Validatiounsmuster kënnt Dir genee definéieren, wéi e Format akzeptabel ass, a Feeler virun der Ofginn erkennen.

An dësem Guide léiert Dir, wéi Dir personaliséiert Validatiounsmuster zu Textfelder an Äre WordPress Formulairen bäifüügt.

Wat sinn Validatiounsmuster?

Den Konzept

Validatiounsmuster sinn Reegelen, déi definéieren, wéi eng Input valabel ass:

  • "Muss nëmme Buschtawen enthalen"
  • "Muss eng gülteg URL sinn"
  • „Muss mam Format ABC-1234 iwwereneestëmmen“
  • "Muss genee 10 Zeechen sinn"

Wéi Si Aarbecht

  1. Benotzertypen am Textfeld
  2. Beim Ofginn (oder beim Tippen) gëtt d'Input géint de Muster gepréift
  3. Wann et iwwereneestëmmt: D'Validatioun ass duerchgaangen
  4. Wann net: Fehlermeldung ugewisen

Virdeeler

  • Datenqualitéit: Garantéiert konsequent Formater
  • Feelerpräventioun: Feeler fréi erkennen
  • Benotzer Guide: Kloer Erwaardungen
  • Downstream-Kompatibilitéit: Daten funktionéieren mat anere Systemer

Agebaute Validatiounsmuster

Automatesche Formulaire Builder enthält üblech Musteren:

Muster Validéiert Beispill gülteg Input
Email Format vun der E-Mail-Adress [Email geschützt]
URL Websäit URLen https://example.com
Nëmme Bréiwer AZ, nëmmen AZ John Smith
Nëmmen Zuelen nëmmen 0-9 12345
Alphanumeresch Bréiwer an Zuelen ABC123
Benotzerdefinéiert Äert eegent Regex-Muster (ofhängeg vum Muster)

Benotzung vun agebaute Musteren

Schrëtt 1: Textfeld derbäisetzen

  1. Maacht Äre Formulaire op A.F.B.
  2. souvill Text Feld ze bilden
  3. Klickt fir ze konfiguréieren

Schrëtt 2: Validatiounsmuster auswielen

  1. Op ee Bléck Validatiounsmuster an Astellungen
  2. Wiel aus dem Dropdown-Menü:
    • Keen (kee Muster)
    • Email
    • URL
    • Nëmme Bréiwer
    • Nëmmen Zuelen
    • Alphanumeresch
    • Benotzerdefinéiert
  3. Astellunge späicheren

Schrëtt 3: Testvalidatioun

  1. Virschauformular
  2. Gültege Input probéieren - sollt duerchgoen
  3. Ongültege Input probéieren - sollt e Feeler uweisen

Musterbeispiller a Benotzungsfäll

URL Validatioun

Benotzen fir:

  • Websäitfeld
  • Portfolio-Linken
  • Sozial Medien Profiler
  • Referenz-URLen

Gëlteg Beispiller:

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

Ongülteg Beispiller:

  • example.com (Protokoll feelt)
  • www.example.com (Protokoll feelt)
  • just e bëssen Text

Nëmme Bréiwer

Benotzen fir:

  • Virnumm/Familljennumm (einfach Validatioun)
  • Stad Nimm
  • Land Coden
  • Alphabetesch Identifikatiounen

Gëlteg Beispiller:

  • John
  • Smith
  • New York

Ongülteg Beispiller:

  • John123
  • New York (Weltraum)
  • O'Brien (Apostroph)

Opgepasst: Nëmme Buschtawen sinn strikt. Iwwerleet Iech ob Dir Leerzeechen, Bindestrécher oder Akzenter braucht.

Nëmmen Zuelen

Benotzen fir:

  • ID-Nummeren
  • Kontosnummeren
  • Quantitéit (wann d'Zuelfeld net benotzt gëtt)
  • PIN Coden

Gëlteg Beispiller:

  • 12345
  • 00123
  • 9876543210

Ongülteg Beispiller:

  • 123-456 (Bindestréch)
  • 123.45 (dezimal)
  • 12345A

Alphanumeresch

Benotzen fir:

  • Produkt Coden
  • Referenznummeren
  • Benotzernimm
  • Serien Zuelen

Gëlteg Beispiller:

  • ABC123
  • User42
  • PROD 001

Ongülteg Beispiller:

  • ABC-123 (Bindestréch)
  • ABC 123 (Wunnraum)
  • ABC_123 (Ënnersträichen)

Benotzerdefinéiert Validatiounsmuster (Regex)

Wat ass Regex?

Regulär Ausdréck (regex) si Musteren, déi Textformater beschreiwen:

  • ^ = Ufank vun der Zeecheketten
  • $ = Enn vun der Zeecheketten
  • [A-Z] = All Groussbuchstawen
  • [a-z] = All klenge Buschtaf
  • [0-9] = All Ziffer
  • {3} = Genau 3 vun de virdrun
  • {2,5} = Tëscht 2 an 5 vun de viregten
  • + = Een oder méi
  • * = Null oder méi
  • ? = Fakultativ (null oder een)

Benotzerdefinéiert Mustere erstellen

  1. Wielt "Benotzerdefinéiert" aus dem Validatiouns-Dropdown-Menü
  2. Gitt Äert Regex-Muster an
  3. Test mat verschiddenen Entréeën

Beispiller fir üblech personaliséiert Musteren

US-Postleitzuel

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

Validéiert:

  • 12345 (5 Zifferen)
  • 12345-6789 (Postleitzuel +4)

Ofleenungen:

  • 1234 (ze kuerz)
  • 123456 (ze laang)
  • ABCDE (Buschtawen)

US Telefonsnummer

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

Validéiert: 555-123-4567

Fir e flexible Format: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Validéiert:

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

Produktcode (ABC-1234 Format)

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

Validéiert:

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

Ofleenungen:

  • abc-1234 (Klengbuchstawen)
  • AB-1234 (nëmmen 2 Buschtawen)
  • ABC1234 (Bindestréch feelt)

Nummereschëld (verschidden Formater)

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

Validéiert: 1-7 Groussbuchstawen/Zuelen

Kreditkaart (Basisformat)

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

Validéiert:

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

Opgepasst: Fir tatsächlech Bezuelungen, benotzt déi richteg Bezuelungsprozessoren mat hirer Validatioun.

Benotzernumm (Buschtawen, Zuelen, Ënnersträichung)

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

Regelen:

  • Fänkt mat engem Buschtaf un
  • 3-20 Zeechen am Ganzen
  • Nëmme Buschtawen, Zuelen, Ënnersträich

Validéiert: user_123, JohnDoe, test42

Hex Faarf Code

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

Validéiert:

  • #FF5733
  • #fff
  • #ABC123

Datum (JJJJ-MM-DD)

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

Validéiert: 2026-01-15

Opgepasst: Fir Datumer ass et normalerweis besser, en Datumsfeld mat engem Datumswieler ze benotzen.

Zäit (HH:MM 24 Stonnen)

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

Validéiert:

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

Rechnungsnummer (RECHNUNG-JJJJ-NNNN)

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

Validéiert:

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

Sozialversécherungsnummer (US)

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

Validéiert: 123-45-6789

Opgepasst: Sidd virsiichteg beim Sammele vun Sozialversécherungsnummeren - Sécherheets- a Privatsphärauswierkungen.

Är eege Mustere bauen

Schrëtt fir Schrëtt Prozess

  1. Ufuerderunge definéieren: Wéi ee Format braucht Dir?
  2. Break et erof: Wéi eng Personnagen, wéivill, a wéi enger Reiefolleg?
  3. Baumuster: Iwwersetzen an Regex
  4. Test grëndlech: Gëlteg AN ongëlteg Entréeën
  5. Schreift Feelermeldung: Hëlleft de Benotzer de Format ze verstoen

Beispill: Mataarbechter-ID

Noutwendegkeete: 2 Buschtawen + 4 Zifferen + 1 Buschtaf (z.B. AB1234C)

Ofbauen:

  • 2 Groussbuschtawen: [A-Z]{2}
  • 4 Zifferen: \d{4}
  • 1 Groussbuchstaw: [A-Z]
  • Näischt virdrun oder duerno: ^ an $

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

Testmuster

Virum Gebrauch a Form:

  • Gülteg Entréeën testen (sollt bestoen)
  • Ongülteg Entréeën testen (sollt feelen)
  • Test Randfäll (Grenzen, Spezialzeechen)
  • Benotzt online Regex-Tester fir ze debuggen

Feelermeldungen fir d'Validatioun

Standard Messagen

  • "Gitt w.e.g. e gültege Wäert an"
  • "Dëst Feld ass ongëlteg"

Besser personaliséiert Messagen

Sot de Benotzer den erwaarten Format:

Muster Besser Feelermeldung
Postleitzuel „Gitt w.e.g. eng gülteg Postleitzuel an (z.B. 12345 oder 12345-6789)“
Telefon „Gitt w.e.g. d'Telefonsnummer 555-123-4567 an“
Produkt Code „Format: ABC-1234 (3 Buschtawen, Bindestréch, 4 Zifferen)“
Benotzernumm „De Benotzernumm muss mat engem Buschtaf ufänken, 3-20 Zeechen, nëmme Buschtawen/Zifferen/Ënnersträicher.“

Benotzung vu Placeholder an Hëllefstext

Verhënnert Feeler andeems Dir de Format am Viraus weist:

  • Plazhalter: „ABC-1234“
  • Hëllefstext: „Gitt Äre Produktcode an (z.B. ABC-1234)“

Best Practices

1. Start Einfach

Benotzt agebaute Musteren, wann et méiglech ass. Benotzerdefinéiert Regexen erhéijen d'Komplexitéit.

2. Iwwervalidéiert net

Ze streng Mustere frustréieren d'Benotzer:

  • Nimm mat Bindestrécher (Mary-Jane)
  • Nimm mat Apostrophen (O'Brien)
  • International Personnagen (José, Müller)

3. Erwaart Format weisen

Sot de Benotzer ëmmer wat Dir erwaart:

  • Plazhalter mat Beispill
  • Hëllefstext erkläert de Format
  • Feelermeldung läschen

4. Testkantfäll

  • Eidel Input
  • Plazen um Ufank/Enn
  • Spezial Zeechen
  • Maximal Längt

5. Betruecht Alternativen

Heiansdo sinn aner Approche besser:

  • Datumer → Datumsfeld benotzen
  • Zuelen → Zuelfeld benotzen
  • Telefon → Feld Telefon mam Format benotzen
  • Fix Optiounen → Dropdown benotzen

Kombinatioun mat anere Validatiounen

Muster + Obligatoresch

  • D'Feld muss ausgefëllt sinn AN iwwereneestëmmen mam Muster
  • Eidel fällt net aus "obligatoresch"
  • Falsch Format feelt Muster

Muster + Min./Max. Längt

  • Muster validéiert Format
  • Längt bestätegt d'Gréisst
  • Béid mussen duerchgoen

Problemléisungsmuster

Muster funktionéiert net

Check:

  • Syntax ass korrekt (keng Tippfeeler)
  • Spezialzeechen hunn sech richteg entlooss
  • ^ an $ Anker wann néideg

Gëlteg Input gëtt refuséiert

Check:

  • D'Muster kéint ze streng sinn
  • Feelend gülteg Zeechen am Muster
  • Problemer mat der Sensibilitéit vu Grouss- a Klengkreesser

Ongülteg Input gëtt akzeptéiert

Check:

  • Muster kéint ze locker sinn
  • Feelend Anker (^ an $)
  • Test mat méi Beispiller

Oft gestallten Froen

Kann ech verschidde Mustere kombinéieren?

En eenzegt Feld benotzt ee Muster. Fir eng komplex Validatioun, kombinéiert d'Ufuerderungen an engem Regex mat Hëllef vun der Alternatioun (|) oder erstellt e Muster, deen all Ufuerderungen entsprécht.

Sinn d'Mustere grouss- a klenggeschlechtsofhängeg?

Standardméisseg jo. Benotzt [A-Za-z] fir béid grouss a kleng Buschtawen ze passen, oder füügt e Flagg derbäi, deen net grouss a kleng Buschtawen empfindlech ass, wann et ënnerstëtzt gëtt.

Wéi kann ech Plazen zouloossen?

Füügt \s zu Ärer Charakterklass bäi: [A-Za-z\s] passt zu Buschtawen a Leerzeechen.

A wat mat internationale Personnagen?

Standard [A-Za-z] enthält keng akzentuéiert Zeechen. Fir international Nimm, sollt Dir eng méi locker Validatioun iwwerleeën oder \p{L} (wann ënnerstëtzt) fir all Buschtaf benotzen.

Soll ech beim Verschwören validéieren oder ofginn?

Béides funktionéiert. Bei Onschärft (Konzentratioun verléieren) gëtt et méi séier Feedback. Beim Ofginn fängt alles op. Vill Formulairen maachen béides.

Resumé

Benotzerdefinéiert Validatiounsmuster derbäisetzen:

  1. Mustertyp auswielen – Agebaut oder personaliséiert
  2. Muster konfiguréieren – Regex auswielen oder aginn
  3. Plazhalter derbäisetzen – Erwaarte Format weisen
  4. Hëllefstext derbäisetzen – Erkläert d'Ufuerderungen
  5. Fehlermeldung astellen – Korrektur vum Guide
  6. Test grëndlech – Gëlteg an ongëlteg Entréeën

Conclusioun

Benotzerdefinéiert Validatiounsmuster garantéieren d'Datenqualitéit andeems se spezifesch Formater erzwingen. Egal ob Dir URL-Validatioun, Produktcoden oder personaliséiert Identifikatiounen braucht, Muster erkennen Feeler virun der Ofginn a leeden d'Benotzer zu der korrekter Input.

Automatesche Formulaire Builder enthält üblech Musteren (E-Mail, URL, Buschtawen, Zuelen, alphanumeresch) a ënnerstëtzt personaliséiert Regex fir spezialiséiert Validatiounsbedürfnisser. Propper Daten fänken mat enger richteger Validatioun un.

Bereet Är Formulaire-Aschreiwungen ze validéieren? Luet den Auto Form Builder erof a gitt sécher datt Är Formulairen korrekt formatéiert Donnéeën sammelen.

Hannerlooss eng Äntwert

Är E-Mail-Adress gëtt net publizéiert ginn. Néideg Felder sinn markéiert *