Mga Sumbanan sa Pagpamatuod nga Gipahaom para sa mga Natad sa Teksto
A natad sa teksto modawat sa bisan unsa nga i-type sa mga tiggamit—apan usahay kinahanglan nimo ang piho nga mga format. Ang mga URL sa website, mga product code, mga numero sa lisensya, o mga ngalan nga mga letra lang tanan adunay mga sumbanan nga naghimo niini nga balido. Ang mga custom nga sumbanan sa pag-validate nagtugot kanimo sa pagtino kung unsang format ang madawat, nga makamatikod sa mga sayup sa dili pa isumite.
Niini nga giya, imong makat-unan unsaon pagdugang og custom validation patterns sa mga text field sa imong WordPress forms.
Unsa ang mga Sumbanan sa Pag-validate?
Ang Konsepto
Ang mga sumbanan sa pag-validate mga lagda nga nagtino kung unsang input ang balido:
- "Kinahanglan nga adunay mga letra lamang"
- "Kinahanglan nga balido nga URL"
- "Kinahanglan mohaom sa pormat nga ABC-1234"
- "Kinahanglan nga eksaktong 10 ka karakter"
Giunsa Nila Pagtrabaho
- Mga tipo sa tiggamit sa text field
- Sa pagsumite (o samtang nag-type sila), ang input gisusi batok sa sumbanan
- Kon kini motakdo: Nakapasar ang validation
- Kon dili: Gipakita ang mensahe sa sayop
Kaayohan
- Kalidad sa datos: Siguruha nga makanunayon ang mga porma
- Paglikay sa sayop: Sayri ang mga sayop og sayo
- Giya sa tiggamit: Klaro nga mga pagdahom
- Pagkaangay sa ubos nga bahin: Ang datos mogana uban sa ubang mga sistema
Mga Gitukod nga Sumbanan sa Pag-validate
Awtomatikong Tighimo og Porma naglakip sa komon nga mga sumbanan:
| sumbanan | Pag-validate | Ehemplo sa Balido nga Input |
|---|---|---|
| Pormat sa adres sa email | [protektado sa email] | |
| URL | Mga URL sa website | https://example.com |
| Mga Letra Lamang | AZ, az lang | JohnSmith |
| Mga Numero Lamang | 0-9 lang | 12345 |
| Alphanumeric | Mga sulat ug numero | ABC123 |
| Custom | Imong kaugalingong sumbanan sa regex | (depende sa porma) |
Paggamit sa Gitukod nga mga Sumbanan
Lakang 1: Idugang ang Text Field
- Ablihi ang imong porma sa Ang AFB
- Pag-drag Teksto uma aron maporma
- I-klik aron ma-configure
Lakang 2: Pilia ang Sumbanan sa Pag-validate
- Pangitaa ang Sumbanan sa Pag-validate sa mga setting
- Pagpili gikan sa dropdown:
- Wala (walay sumbanan)
- URL
- Mga Letra Lamang
- Mga Numero Lamang
- Alphanumeric
- Custom
- Luwasa ang mga setting
Lakang 3: Pag-validate sa Pagsulay
- Porma sa pag-preview
- Sulayi ang balido nga input—kinahanglan nga mopasar
- Sulayi ang dili balido nga input—kinahanglan magpakita og sayop
Mga Ehemplo sa Sumbanan ug mga Kaso sa Paggamit
Pagpamatuod sa URL
Gamita alang sa:
- Nataran sa website
- Mga link sa portfolio
- Mga profile sa social media
- Mga URL sa Reperensya
Balido nga mga ehemplo:
- https://example.com
- http://www.example.com/page
- https://example.com/path?query=value
Mga dili balido nga ehemplo:
- example.com (nawala nga protokol)
- www.example.com (nawala nga protokol)
- gamay ra nga teksto
Mga Letra Lamang
Gamita alang sa:
- Mga unang ngalan/apelyido (simple nga pag-validate)
- Mga ngalan sa siyudad
- Mga code sa nasud
- Mga alpabetikong identifier
Balido nga mga ehemplo:
- Juan
- Smith
- NewYork
Mga dili balido nga ehemplo:
- John123
- New York (kalawakan)
- O'Brien (kudlit)
Mubo nga sulat: Mga letra lang ang estrikto. Hunahunaa kon kinahanglan ba nimo og mga espasyo, gitling, o mga aksento.
Mga Numero Lamang
Gamita alang sa:
- Mga numero sa ID
- Mga numero sa account
- Kantidad (kung dili gamiton ang field sa numero)
- PIN code
Balido nga mga ehemplo:
- 12345
- 00123
- 9876543210
Mga dili balido nga ehemplo:
- 123-456 (gilay-on)
- 123.45 (decimal)
- 12345A
Alphanumeric
Gamita alang sa:
- Mga code sa produkto
- Mga numero sa pakisayran
- Mga username
- Mga numero sa serial
Balido nga mga ehemplo:
- ABC123
- User42
- PROD001
Mga dili balido nga ehemplo:
- ABC-123 (gilay-on)
- ABC 123 (espasyo)
- ABC_123 (gipaubos nga marka)
Mga Sumbanan sa Pagpamatuod nga Gipahaom (Regex)
Unsa man ang Regex?
Ang mga regular nga ekspresyon (regex) mga sumbanan nga naghulagway sa mga pormat sa teksto:
^= Pagsugod sa linya$= Katapusan sa linya[A-Z]= Bisan unsang dagkong letra[a-z]= Bisan unsang gagmay nga letra[0-9]= Bisan unsang numero{3}= Eksaktong 3 sa miaging{2,5}= Tali sa 2 ug 5 sa miaging+= Usa o daghan pa*= Zero o labaw pa?= Opsyonal (zero o usa)
Paghimo og Custom nga mga Sumbanan
- Pilia ang "Custom" gikan sa dropdown sa pag-validate
- Isulod ang imong regex pattern
- Pagsulay gamit ang lain-laing mga input
Mga Kasagarang Ehemplo sa Custom Pattern
Kodigo sa Zip sa Estados Unidos
Sumbanan: ^\d{5}(-\d{4})?$
Nagpamatuod:
- 12345 (5 ka numero)
- 12345-6789 (ZIP+4)
Mga Gisalikway:
- 1234 (mubo ra kaayo)
- 123456 (taas ra kaayo)
- ABCDE (mga letra)
Numero sa Telepono sa US
Sumbanan: ^\d{3}-\d{3}-\d{4}$
Nagpamatuod: 555-123-4567
Para sa flexible nga pormat: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$
Nagpamatuod:
- 555-123-4567
- (555) 123-4567
- 555.123.4567
- 555 123 4567
Kodigo sa Produkto (pormat sa ABC-1234)
Sumbanan: ^[A-Z]{3}-\d{4}$
Nagpamatuod:
- ANG-1234
- XYZ-9999
- PRO-0001
Mga Gisalikway:
- abc-1234 (gagmay nga letra)
- AB-1234 (2 ka letra lang)
- ABC1234 (nawala nga gitling)
Plaka sa Lisensya (Nagkalainlaing mga Pormat)
Sumbanan (kinatibuk-ang US): ^[A-Z0-9]{1,7}$
Nagpamatuod: 1-7 ka dagkong letra/numero
Credit Card (Sukaranan nga Pormat)
Sumbanan: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$
Nagpamatuod:
- 1234567890123456
- 1234 5678 9012 3456
- 1234-5678-9012-3456
Mubo nga sulat: Para sa aktuwal nga mga bayad, gamita ang hustong mga payment processor uban sa ilang validation.
Ngalan sa Gumagamit (Mga Letra, Numero, Underscore)
Sumbanan: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$
Mga lagda:
- Nagsugod sa letra
- 3-20 ka karakter sa kinatibuk-an
- Mga letra, numero, ug underscore lang
Nagpamatuod: user_123, JohnDoe, test42
Code sa Kolor sa Hex
Sumbanan: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
Nagpamatuod:
- #FF5733
- #fff
- #ABC123
Petsa (YYYY-MM-DD)
Sumbanan: ^\d{4}-\d{2}-\d{2}$
Nagpamatuod: 2026-01-15
Mubo nga sulat: Para sa mga petsa, kasagaran mas maayo ang paggamit og Date field nga adunay date picker.
Oras (HH:MM 24-oras)
Sumbanan: ^([01]\d|2[0-3]):[0-5]\d$
Nagpamatuod:
- 09:30
- 14:45
- 23:59
Numero sa Invoice (INV-YYYY-NNNN)
Sumbanan: ^INV-\d{4}-\d{4}$
Nagpamatuod:
- INV-2026-0001
- INV-2025-1234
Numero sa Social Security (US)
Sumbanan: ^\d{3}-\d{2}-\d{4}$
Nagpamatuod: 123-45-6789
pasidaan: Pag-amping sa pagkolekta og mga SSN—mga implikasyon kini sa seguridad ug pribasiya.
Pagtukod sa Imong Kaugalingong mga Sumbanan
Lakang sa lakang nga lakang
- Ipasabut ang mga kinahanglanon: Unsa nga pormat ang imong gikinahanglan?
- Gub-a kini: Unsang mga karakter, pila kabuok, sa unsang pagkasunod-sunod?
- Sumbanan sa pagtukod: Hubara ngadto sa regex
- Sulayi pag-ayo: Balido UG dili balido nga mga input
- Pagsulat og mensahe sa sayop: Tabangi ang mga tiggamit nga masabtan ang pormat
Pananglitan: ID sa Empleyado
Kinahanglanon: 2 ka letra + 4 ka numero + 1 ka letra (pananglitan, AB1234C)
Pagkaguba:
- 2 ka dagkong letra:
[A-Z]{2} - 4 ka numero:
\d{4} - 1 ka dako nga letra:
[A-Z] - Walay bisan unsa sa wala pa o pagkahuman:
^ug$
Katapusang sumbanan: ^[A-Z]{2}\d{4}[A-Z]$
Mga Sumbanan sa Pagsulay
Sa dili pa gamiton sa porma:
- Sulayi ang balido nga mga input (kinahanglan nga makapasar)
- Pagsulay sa dili balido nga mga input (kinahanglan nga mapakyas)
- Mga kaso sa pagsulay sa ngilit (mga utlanan, espesyal nga mga karakter)
- Gamita ang mga online regex tester aron mag-debug
Mga Mensahe sa Sayop para sa Pag-validate
Mga default nga Mensahe
- "Palihug pagsulod ug balido nga kantidad"
- "Dili balido kini nga field"
Mas Maayong Custom nga mga Mensahe
Sultihi ang mga tiggamit sa gipaabot nga pormat:
| sumbanan | Mas Maayong Mensahe sa Sayop |
|---|---|
| ZIP Code | "Palihug pagsulod ug balido nga ZIP code (pananglitan, 12345 o 12345-6789)" |
| Phone | "Palihug isulod ang telepono isip 555-123-4567" |
| Product Code | “Format: ABC-1234 (3 ka letra, gitling, 4 ka numero)” |
| Username | "Ang username kinahanglan magsugod sa letra, 3-20 ka karakter, mga letra/numero/underscore lang" |
Paggamit sa Placeholder ug Help Text
Likayi ang mga sayop pinaagi sa pagpakita sa pormat sa unahan:
- Tighupot sa Lugar: "ABC-1234"
- Teksto sa tabang: “Isulod ang imong product code (pananglitan, ABC-1234)”
labing maayo nga mga Buhat
1. Pagsugod sa Simple
Gamita ang built-in nga mga pattern kon mahimo. Ang custom regex makadugang sa pagkakomplikado.
2. Ayaw Pag-over-Validate
Ang sobra ka estrikto nga mga sumbanan makapahigawad sa mga tiggamit:
- Mga ngalan nga adunay gitling (Mary-Jane)
- Mga ngalan nga adunay mga kudlit (O'Brien)
- Mga karakter sa internasyonal (José, Müller)
3. Ipakita ang Gilauman nga Pormat
Kanunay isulti sa mga tiggamit kung unsa ang imong gilauman:
- Placeholder nga adunay ehemplo
- Teksto sa tabang nga nagpatin-aw sa pormat
- Hawani ang mensahe sa sayop
4. Mga Kaso sa Pagsulay sa Ngitngit
- Walay sulod nga input
- Mga luna sa pagsugod/katapusan
- Espesyal nga mga karakter
- Labing taas nga gitas-on
5. Hunahunaa ang mga Alternatibo
Usahay mas maayo ang ubang mga pamaagi:
- Mga Petsa → Gamita ang field sa Petsa
- Mga Numero → Gamita ang field sa Numero
- Telepono → Gamita ang field sa Telepono nga adunay format
- Giayo nga mga kapilian → Gamita ang Dropdown
Paghiusa sa Uban pang Validation
Sumbanan + Gikinahanglan
- Kinahanglan mapuno ang field UG mohaom sa pattern
- Ang walay sulod nga mga kapakyasan "gikinahanglan"
- Sayop nga format napakyas nga sumbanan
Sumbanan + Min/Max nga Gitas-on
- Gipamatud-an sa sumbanan ang pormat
- Ang gitas-on nag-validate sa gidak-on
- Kinahanglan nga mopasar ang duha
Mga Sumbanan sa Pagsulbad sa mga Problema
Dili Molihok ang Sumbanan
Susihon:
- Sakto ang syntax (walay typo)
- Ang mga espesyal nga karakter nakalingkawas sa hustong paagi
- ^ ug $ nga mga angkla kon gikinahanglan
Balido nga Input Gisalikway
Susihon:
- Ang sumbanan mahimong sobra ka estrikto
- Nawala ang balido nga mga karakter sa sumbanan
- Mga isyu sa pagkasensitibo sa mga letra
Gidawat ang Dili Balido nga Input
Susihon:
- Ang disenyo mahimong luag ra kaayo
- Nawala nga mga angkla (^ ug $)
- Sulayi gamit ang dugang mga ehemplo
Kanunayng Gipangutana nga mga Pangutana
Mahimo ba nako nga isagol ang daghang mga sumbanan?
Usa ra ka field ang mogamit og usa ka pattern. Para sa komplikado nga validation, isagol ang mga kinahanglanon sa usa ka regex gamit ang alternation (|) o paghimo og pattern nga mohaom sa tanang kinahanglanon.
Sensitibo ba ang case-sensitive sa mga pattern?
Sa default, oo. Gamita ang [A-Za-z] aron ipares ang duha ka letra, o idugang ang flag nga dili sensitibo sa letra kon gisuportahan.
Unsaon nako pagtugot og mga espasyo?
Idugang ang \s sa imong klase sa karakter: [A-Za-z\s] mopares sa mga letra ug mga espasyo.
Kumusta man ang mga internasyonal nga karakter?
Ang estandard nga [A-Za-z] wala maglakip sa mga karakter nga adunay accent. Para sa mga internasyonal nga ngalan, hunahunaa ang mas luag nga pag-validate o gamita ang \p{L} (kon gisuportahan) para sa bisan unsang letra.
Kinahanglan ba nako i-validate sa blur o i-submit?
Pareho silang mogana. Kon blur (mawala ang focus) mas paspas ang feedback. Kon submit, makuha ang tanan. Daghang mga porma ang mogana sa duha.
Buod
Pagdugang og mga custom nga sumbanan sa pag-validate:
- Pilia ang klase sa sumbanan - Gitukod o gipasadya
- I-configure ang sumbanan – Pilia o isulod ang regex
- Idugang ang placeholder – Ipakita ang gilaumang pormat
- Idugang ang teksto sa tabang - Ipasabot ang mga kinahanglanon
- Ibutang ang mensahe sa sayop – Pagtul-id sa giya
- Sulayi pag-ayo – Balido ug dili balido nga mga input
Panapos
Ang mga custom validation pattern nagsiguro sa kalidad sa datos pinaagi sa pagpatuman sa piho nga mga format. Kung kinahanglan nimo ang URL validation, product code, o custom identifier, ang mga pattern makadakop sa mga sayop sa dili pa isumite ug maggiya sa mga tiggamit sa pagtul-id sa input.
Awtomatikong Tighimo og Porma naglakip sa mga komon nga sumbanan (Email, URL, Mga Letra, Mga Numero, Alphanumeric) ug nagsuporta sa custom regex para sa espesyal nga mga panginahanglan sa pag-validate. Ang limpyo nga datos magsugod sa hustong pag-validate.
Andam na ba ka nga i-validate ang imong mga input sa porma? I-download ang Awtomatikong Tighimo og Porma ug siguroha nga ang imong mga porma nakakolekta sa husto nga naporma nga datos.