Teksinvoerveld
Versamel teks met presisie en buigsaamheid. Van eenvoudige name tot komplekse patrone met ingeboude validering, slim formatering en kragtige aanpassing – die teksinvoerveld pas aan by enige gebruiksgeval met karakterlimiete, outomatiese formatering en veilige wagwoordmodusse.
Die fondament van elke WordPress-vorm
Ideaal vir:
Kragtige kenmerke vir elke gebruiksgeval
📏 Slim lengtebeheer
Minimum en Maksimum Karakterlimiete
Stel die kortste en langste toegelate teksinskrywings. Voorkom voorleggings wat te kort of te lank is met ingeboude blaaiervalidering.
Intydse validering
Gebruikers sien onmiddellike terugvoer as hul inskrywing nie aan die lengtevereistes voldoen nie – geen verrassings na indiening nie.
Voorbeelde:
- Gebruikersnaam: Min 3, Maks 20 karakters
- Poskode: Min 5, Maks 10 karakters
- Naam: Min 2, Maks 50 karakters
- Kommentaar: Maksimum 500 karakters
Waarom dit belangrik is:
Beheer datakwaliteit, voorkom strooipos, verseker databasisversoenbaarheid en lei gebruikers om die regte hoeveelheid inligting te verskaf.
✅ Ingeboude Valideringspatrone
6 Voorafgekonfigureerde validasietipes:
- 1. Geen – Aanvaar enige teks (standaard)
2. E-pos – Valideer korrekte e-posformaat ([e-pos beskerm])
3. URL – Vereis geldige webadresse (https://example.com)
4. Slegs letters – Slegs alfabetiese karakters en spasies (John Doe)
5. Slegs syfers – Slegs numeriese syfers (123456)
6. Alfanumeries – Letters en syfers, geen spesiale karakters nie (Gebruiker123)
Plus Pasgemaakte Patrone:
- Definieer jou eie regex-validering vir gespesialiseerde formate soos:
- Kentekenplate: `^[AZ]{3}[0-9]{4}$`
- Produkkodes: `^[AZ]{2}[0-9]{6}$`
- Pasgemaakte formate uniek vir jou besigheid
Onmiddellike terugvoer:
Gebruikers sien duidelike foutboodskappe as hul invoer nie ooreenstem met die vereiste formaat nie.
✂️ Outomatiese witspasie-afsnyding
Maak data outomaties skoon
Verwyder toevallige spasies van die begin en einde van teksinskrywings. Geen meer "John" as jy "John" wil hê nie.
Gebruik gevalle:
- E-posadresse (geen spasies agter nie)
- Gebruikersname (geen spasies vooraan nie)
- Verwysingskodes (presiese ooreenstemmings)
- Enige veld waar presisie saak maak
Voordele:
Verminder gebruikersfoute, verbeter datakonsekwentheid, voorkom valideringsprobleme en vereenvoudig passing en soektogte.
🔒 Wagwoordmodus
Veilige invoermaskering
Verander enige teksveld in 'n wagwoordveld. Karakters verskyn as kolletjies (•••) om sensitiewe inligting teen skouer-surfers te beskerm.
Ideaal vir:
- Wagwoord- en PIN-inskrywings
- Sekuriteitskodes en tokens
- Vertroulike ID-nommers
- Twee-faktor verifikasie kodes
Slim gedrag:
Wagwoordmodus deaktiveer outomaties botsende funksies soos tekstransformasie en spesiale invoertipes om sekuriteit te verseker.
📱 Slim invoertipes
Geoptimaliseer vir Mobiel en Rekenaar:
- Normale teks – Standaard teksinvoer vir algemene gebruik
- Soek – Sluit ingeboude skoonmaakknoppie (X) vir vinnige herstel in
- Telefoon – Aktiveer die numeriese sleutelbord op mobiele toestelle vir makliker invoer van telefoonnommers
- URL – Wys gespesialiseerde mobiele sleutelbord met .com- en .org-kortpaaie
Waarom dit belangrik is:
Die regte invoertipe versnel data-invoer op selfone, verminder foute en verbeter gebruikerservaring oor alle toestelle.
🎨 Outomatiese tekstransformasie
Formateer teks soos gebruikers tik:
- Geen transformasie – teks bly presies soos ingevoer
- HOOFLETTERS – Skakel alle teks om na hoofletters (JOHN DOE)
- kleinletters – Skakel alle teks om na kleinletters (John Doe)
- Hoofletter eerste letter – Slegs eerste letter hoofletter (John Doe)
- Titelgeval – Eerste letter van elke woord (John Doe)
Ideaal vir:
- HOOFLETTERS: Nommerplate, staatskodes, produk-ID's
- kleinletters: E-posadresse, gebruikersname
- Hoofletters: Sin begin, enkelname
- Titelgeval: Volle name, adresse, titels
Slim gedrag:
Transformasie vind outomaties plaas tydens indiening terwyl gebruikers hul oorspronklike insette sien.
🙈 Versteekte Veldmodus
Onsigbare datavelde
Skep velde wat nie vir gebruikers sigbaar is nie, maar dien data saam met die vorm in. Perfek vir dophou, verwysingskodes en stelselwaardes.
Gebruik gevalle:
- UTM-opsporingsparameters
- Verwysingsbron-ID's
- Vormweergawenommers
- Tydstempelmerkers
- Versteekte metadata
Hoe dit werk:
Stel die "Verborge Waarde" en dit word outomaties ingesluit in elke vormvoorlegging sonder om jou vorm se gebruikerskoppelvlak te oorlaai.
🔀 Voorwaardelike Logika
Dinamiese Veldsigbaarheid
Wys of versteek teksvelde gebaseer op ander vormwaardes. Skep intelligente vorms wat aanpas by gebruikersinvoer.
Gevorderde Logika Reëls:
- EN Logika – Alle voorwaardes moet nagekom word
- OF Logika – Enige voorwaarde kan die aksie veroorsaak
- 8 Operators – Gelyk aan, Nie gelyk aan, Groter as, Minder as, Bevat, Is leeg, en meer
Gebruik gevalle:
- Wys slegs "Maatskappynaam" wanneer gebruikerstipe gelyk is aan "Besigheid"
- Wys "Verwysingsbron" wanneer "Hoe het jy van ons gehoor?" "Verwysing" bevat.
- Versteek "Ander besonderhede" wanneer die primêre opsie nie leeg is nie
- Wys "Promosiekode" wanneer die bestellingswaarde groter as $100 is
🎯 Verbeterde gebruikerservaring
Slim funksies ingebou:
- Standaardwaardes – Vul velde vooraf in om voltooiing te bespoedig
- Plekhouerteks – Wys nuttige wenke voordat gebruikers tik
- Hulpteks – Voeg beskrywings by om te verduidelik wat om in te voer
- Vereiste Validasie – Maak velde verpligtend met duidelike aanwysers
- Pasgemaakte CSS-klasse – Pas pasgemaakte stilering toe om by jou handelsmerk te pas
- Toeganklikheidsondersteuning – ARIA-etikette vir skermlesers
- Mobiel geoptimaliseer – Aanraakvriendelike invoere met gepaste sleutelborde
Eenvoudige opstelling in 3 stappe
Kry jou teksinvoerveld binne minute gereed
Voeg die teksveld by
Sleep en laat val die teksinvoerveld vanaf die Basiese velde-afdeling na jou vorm.
Stel Validasie en Limiete
Kies validasietipe (e-pos, URL, letters, ens.), stel min/maks karakterlimiete in, en aktiveer opsioneel wagwoordmodus of witspasie-afsnyding.
Konfigureer Formatering
Kies invoertipe vir mobiele optimalisering, kies tekstransformasie (hoofletters, kleinletters, ens.), en stel standaardwaardes of plekhouers.
???? Dis dit! Jou teksveld is gereed met slim validering en formatering.
Regte-wêreld toepassings
Gebruiker Registrasie
* Gebruikersnaamvelde met lengtebeperkings
* Wagwoordinvoere met maskering
* Naamvelde met titel- en hoofletterformatering
* E-posadresse met validasie
Kontak Vorms
* Volle naam met titelkas
* E-pos validasie
* Telefoonnommers met tel-invoer
* Boodskap-/kommentaarvelde
E-handel
* Promosiekode-invoer (hoofletters)
* Geskenkboodskapvelde
* Spesiale instruksies
* Versendingsnotas
Besigheid Aansoeke
* Werknemer ID-nommers
* Departementname
* Verwysingsnommers
* Interne kodes
Aansoeke en Registrasie
* Lisensienommers
* Sertifiseringskodes
* Lidmaatskap-ID's
* Pasgemaakte identifiseerders
Soek en filter
* Soekinvoer met 'n skoonknoppie
* Filter teksvelde
* Sleutelwoordinskrywings
* Navraaginsette
Voltooi Veld Opsies
Basiese konfigurasie
- Veld-etiket – Die titel wat bo die teksveld vertoon word
- Beskrywing/Hulpteks – Bykomende leiding vir gebruikers
- Verpligte veld – Maak teksinvoer verpligtend
- Plekhouerteks – Wenkteks voordat gebruikers tik
Lengte Validasie
- Minimum lengte – Minste karakters toegelaat (validering)
- Maksimum lengte – Meeste karakters toegelaat (harde limiet)
Verstekwaardes
- Standaardwaarde – Voorafgevulde teks wanneer die vorm laai
- Versteekte Waarde – Waarde vir versteekte velde (wanneer versteekte modus geaktiveer is)
Sekuriteit en privaatheid
- Wagwoordveld – Verberg invoer as wagwoord (toon kolletjies •••)
Versteekte Veld – Maak veld onsigbaar, maar sluit in voorleggings in
Datakwaliteit
Sny witspasies af – Verwyder ekstra spasies van begin en einde outomaties
Bekragtigingsreëls
- Validasietipe
- Geen (enige teks)
- E-pos ([e-pos beskerm])
- URL (https://voorbeeld.com)
- Slegs letters (slegs AZ)
- Slegs syfers (slegs 0-9)
- Alfanumeries (AZ en 0-9)
- Pasgemaakte patroon (regex)
- Pasgemaakte Patroon – Gereelde uitdrukking vir pasgemaakte validering (wanneer "Pasgemaakte" gekies is)
Invoertipes
- Invoertipe
- Normale teks
- Soek (met die skoonmaakknoppie)
- Telefoon (numeriese sleutelbord op selfoon)
- URL (gespesialiseerde mobiele sleutelbord)
Teksopmaak
- Tekstransformasie
- Geen transformasie nie
- HOOFLETTERS
- klein
- Beginletter met 'n hoofletter
- Titelsaak
Voorwaardelike logika
- Aktiveer Voorwaardelike Logika – Wys/versteek gebaseer op voorwaardes
- Logika tipe
- Alle voorwaardes moet nagekom word (EN)
- Enige voorwaarde kan nagekom word (OF)
- Toestandreëls
- Wys/Versteek – Aksie om te neem
- Veld – Watter veld om te merk
- Operator – Gelyk aan, Nie gelyk aan, Bevat, Groter as, Minder as, Is leeg, Is nie leeg nie
- Waarde – Vergelykingswaarde
- Veelvuldige voorwaardes – Voeg onbeperkte reëls by
Gevorderde opsies
- Pasgemaakte CSS-klasse – Pas pasgemaakte stilering toe
- Toeganklikheidskenmerke – ARIA-etikette en beskrywings
Waarom ons teksinvoerveld kies?
✅ Veelsydig – Werk vir name, kodes, wagwoorde en alles tussenin
✅ Slim Validasie – 6+ valideringspatrone plus persoonlike regex
✅ Mobiel geoptimaliseer – Gepaste sleutelborde vir elke invoertipe
✅ Outomatiese formatering – Tekstransformasie gebeur outomaties
✅ Veilig – Wagwoordmodus beskerm sensitiewe inligting
✅ Skoonmaakdata – Die sny van witruimte voorkom algemene foute
✅ Buigsaam – Versteekte velde, standaardwaardes, voorwaardelike logika
✅ Gebruikersvriendelik – Duidelike valideringsboodskappe lei gebruikers
✅ Volledig geïntegreerd – Werk naatloos met alle vormfunksies
Algemene vrae
V: Wat is die verskil tussen min/maks lengte en validering?
Min/maks lengte beheer hoeveel karakters toegelaat word. Validering beheer watter karakters toegelaat word, soos slegs letters, slegs syfers of e-posformaat.
V: Kan ek beide lengte EN formaat valideer?
Ja. Kombineer min/maks lengte met valideringsreëls. Stel byvoorbeeld min 3, maks 15, en alfanumeriese validering vir 'n gebruikersnaamveld.
V: Hoe werk wagwoordmodus?
Wagwoordmodus masker karakters met kolletjies, net soos tipiese wagwoordvelde op aanmeldskerms.
V: Wat doen "sny witspasies"?
Dit verwyder voorste en agterste spasies voor indiening sodat toevallige spasies nie validering onderbreek nie.
V: Kan ek persoonlike valideringspatrone skep?
Ja. Gebruik "Aangepaste Patroon" en voeg 'n gereelde uitdrukking by om enige struktuur wat jy benodig, af te dwing.
V: Hoe werk tekstransformasies?
Die gebruiker tik normaalweg, en die stelsel transformeer die teks met indiening, soos omskakeling na Titelkas of HOOFLETTERS.
V: Waarvoor is die soekinvoertipe?
Dit voeg 'n ingeboude skoonmaakknoppie (X) by sodat gebruikers die veld onmiddellik kan herstel terwyl hulle soek.
V: Waarom die "tel"-invoertipe gebruik?
Op selfone maak dit 'n numeriese sleutelbord oop om die invoer van telefoonstyl-syfers makliker te maak.
V: Kan ek voorwaardelike logika met teksvelde gebruik?
Ja. Voorwaardes soos "Bevat", "Gelyk aan" of "Is leeg" laat jou toe om velde te wys of te versteek gebaseer op gebruikersinvoer.
V: Waarvoor word versteekte velde gebruik?
Hulle stoor data sonder om vir die gebruiker sigbaar te wees, nuttig vir die opsporing van metadata soos UTM-etikette of verwysingsbronne.
V: Kan teksvelde vir nommers gebruik word?
Ja, maar gebruik die Nommer-veld vir berekening of numeriese validering. Gebruik Teks met "Slegs Nommers" wanneer jy kodes of ID's benodig wat nie as nommers behandel moet word nie.
V: Hoe presies kan regex-patrone wees?
Regex kan uiters spesifieke patrone afdwing. Gebruik 'n regex-toetser as jy komplekse patrone moet bou of verifieer.
