Προσαρμοσμένα μοτίβα επικύρωσης για πεδία κειμένου

Προσαρμοσμένα μοτίβα επικύρωσης για πεδία κειμένου

A πεδίο κειμένου δέχεται οτιδήποτε πληκτρολογούν οι χρήστες—αλλά μερικές φορές χρειάζεστε συγκεκριμένες μορφές. Οι διευθύνσεις URL ιστότοπων, οι κωδικοί προϊόντων, οι αριθμοί αδειών χρήσης ή τα ονόματα που αποτελούνται μόνο από γράμματα έχουν μοτίβα που τα καθιστούν έγκυρα. Τα προσαρμοσμένα μοτίβα επικύρωσης σάς επιτρέπουν να ορίσετε ακριβώς ποια μορφή είναι αποδεκτή, εντοπίζοντας σφάλματα πριν από την υποβολή.

Σε αυτόν τον οδηγό, θα μάθετε πώς να προσθέτετε προσαρμοσμένα μοτίβα επικύρωσης σε πεδία κειμένου στις φόρμες σας στο WordPress.

Τι είναι τα μοτίβα επικύρωσης;

Η ιδέα

Τα μοτίβα επικύρωσης είναι κανόνες που καθορίζουν ποια είσοδος είναι έγκυρη:

  • «Πρέπει να περιέχει μόνο γράμματα»
  • «Πρέπει να είναι μια έγκυρη διεύθυνση URL»
  • «Πρέπει να ταιριάζει με τη μορφή ABC-1234»
  • «Πρέπει να είναι ακριβώς 10 χαρακτήρες»

Πώς λειτουργούν

  1. Τύποι χρηστών στο πεδίο κειμένου
  2. Κατά την υποβολή (ή καθώς πληκτρολογούν), η εισαγωγή ελέγχεται σε σχέση με το μοτίβο
  3. Εάν ταιριάζει: Η επικύρωση είναι επιτυχής
  4. Εάν δεν το κάνει: Εμφανίζεται μήνυμα σφάλματος

Oφέλη

  • Ποιότητα δεδομένων: Εξασφαλίστε συνεπείς μορφές
  • Πρόληψη σφαλμάτων: Εντοπίστε τα λάθη νωρίς
  • Οδηγίες χρήστη: Ξεκάθαρες προσδοκίες
  • Συμβατότητα με μεταγενέστερες εκδόσεις: Τα δεδομένα λειτουργούν με άλλα συστήματα

Ενσωματωμένα μοτίβα επικύρωσης

Αυτόματη δημιουργία φορμών περιλαμβάνει κοινά μοτίβα:

πρότυπο Επικυρώνει Παράδειγμα έγκυρης εισαγωγής
Email Μορφή διεύθυνσης ηλεκτρονικού ταχυδρομείου [προστασία μέσω email]
URL Διευθύνσεις URL ιστότοπου https://example.com
Μόνο γράμματα Αριζόνα, μόνο Αριζόνα Τζον Σμιθ
Μόνο αριθμοί Μόνο 0-9 12345
Αλφαριθμητικός Γράμματα και αριθμοί ABC123
Εξατομικευμένο Το δικό σας μοτίβο regex (εξαρτάται από το μοτίβο)

Χρήση ενσωματωμένων μοτίβων

Βήμα 1: Προσθήκη πεδίου κειμένου

  1. Ανοίξτε τη φόρμα σας σε A.F.B.
  2. αγαπητός Κείμενο πεδίο προς διαμόρφωση
  3. Κάντε κλικ για να διαμορφώσετε

Βήμα 2: Επιλογή μοτίβου επικύρωσης

  1. Εύρεση Μοτίβο επικύρωσης στις ρυθμίσεις
  2. Επιλέξτε από το αναπτυσσόμενο μενού:
    • Κανένα (χωρίς μοτίβο)
    • Email
    • URL
    • Μόνο γράμματα
    • Μόνο αριθμοί
    • Αλφαριθμητικός
    • Εξατομικευμένο
  3. Αποθήκευση ρυθμίσεων

Βήμα 3: Επικύρωση δοκιμής

  1. Φόρμα προεπισκόπησης
  2. Δοκιμάστε έγκυρη εισαγωγή—θα πρέπει να περάσει
  3. Δοκιμάστε μη έγκυρη εισαγωγή—θα πρέπει να εμφανιστεί σφάλμα

Παραδείγματα μοτίβων και περιπτώσεις χρήσης

Επικύρωση διεύθυνσης URL

Χρήση για:

  • Πεδίο ιστότοπου
  • Σύνδεσμοι χαρτοφυλακίου
  • Προφίλ κοινωνικών μέσων
  • URL αναφοράς

Έγκυρα παραδείγματα:

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

Μη έγκυρα παραδείγματα:

  • example.com (λείπει το πρωτόκολλο)
  • www.example.com (λείπει το πρωτόκολλο)
  • απλώς κάποιο κείμενο

Μόνο γράμματα

Χρήση για:

  • Όνομα/επώνυμο (απλή επικύρωση)
  • Ονόματα πόλεων
  • Κωδικοί χωρών
  • Αλφαβητικά αναγνωριστικά

Έγκυρα παραδείγματα:

  • Γιάννης
  • Σιδεράς
  • NewYork

Μη έγκυρα παραδείγματα:

  • John123
  • Νέα Υόρκη (διάστημα)
  • Ο'Μπράιεν (απόστροφος)

Σημείωση: Η χρήση μόνο γραμμάτων είναι αυστηρή. Σκεφτείτε αν χρειάζεστε κενά, παύλες ή τόνους.

Μόνο αριθμοί

Χρήση για:

  • Αριθμοί ταυτότητας
  • Αριθμοί λογαριασμού
  • Ποσότητα (όταν δεν χρησιμοποιείται πεδίο αριθμού)
  • Κωδικοί PIN

Έγκυρα παραδείγματα:

  • 12345
  • 00123
  • 9876543210

Μη έγκυρα παραδείγματα:

  • 123-456 (παύλα)
  • 123.45 (δεκαδικό)
  • 12345A

Αλφαριθμητικός

Χρήση για:

  • Κωδικοί προϊόντων
  • Αριθμοί αναφοράς
  • Όνομα χρήστη
  • Σειριακοί αριθμοί

Έγκυρα παραδείγματα:

  • ABC123
  • User42
  • PROD001

Μη έγκυρα παραδείγματα:

  • ABC-123 (παύλα)
  • ABC 123 (κενό)
  • ABC_123 (υπογράμμιση)

Προσαρμοσμένα μοτίβα επικύρωσης (Regex)

Τι είναι το Regex;

Οι κανονικές εκφράσεις (regex) είναι μοτίβα που περιγράφουν μορφές κειμένου:

  • ^ = Αρχή συμβολοσειράς
  • $ = Τέλος συμβολοσειράς
  • [A-Z] = Οποιοδήποτε κεφαλαίο γράμμα
  • [a-z] = Οποιοδήποτε πεζό γράμμα
  • [0-9] = Οποιοδήποτε ψηφίο
  • {3} = Ακριβώς 3 από τα προηγούμενα
  • {2,5} = Μεταξύ 2 και 5 προηγούμενων
  • + = Ένα ή περισσότερα
  • * = Μηδέν ή περισσότερο
  • ? = Προαιρετικό (μηδέν ή ένα)

Δημιουργία προσαρμοσμένων μοτίβων

  1. Επιλέξτε «Προσαρμοσμένο» από το αναπτυσσόμενο μενού επικύρωσης
  2. Εισαγάγετε το μοτίβο regex σας
  3. Δοκιμή με διάφορες εισόδους

Συνήθη παραδείγματα προσαρμοσμένων μοτίβων

Ταχυδρομικός Κώδικας ΗΠΑ

Πρότυπο: ^\d{5}(-\d{4})?$

Επικυρώνει:

  • 12345 (5 ψηφία)
  • 12345-6789 (Τ.Κ.+4)

Απορρίπτει:

  • 1234 (πολύ σύντομο)
  • 123456 (πολύ μεγάλο)
  • ABCDE (γράμματα)

Αριθμός τηλεφώνου ΗΠΑ

Πρότυπο: ^\d{3}-\d{3}-\d{4}$

Επικυρώνει: 555-123-4567

Για ευέλικτη μορφή: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

Επικυρώνει:

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

Κωδικός προϊόντος (μορφή ABC-1234)

Πρότυπο: ^[A-Z]{3}-\d{4}$

Επικυρώνει:

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

Απορρίπτει:

  • abc-1234 (πεζά)
  • AB-1234 (μόνο 2 γράμματα)
  • ABC1234 (λείπει η παύλα)

Πινακίδα κυκλοφορίας (Διάφορες μορφές)

Πρότυπο (γενικό πρότυπο ΗΠΑ): ^[A-Z0-9]{1,7}$

Επικυρώνει: 1-7 κεφαλαία γράμματα/αριθμοί

Πιστωτική Κάρτα (Βασική Μορφή)

Πρότυπο: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$

Επικυρώνει:

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

Σημείωση: Για πραγματικές πληρωμές, χρησιμοποιήστε κατάλληλους επεξεργαστές πληρωμών με την επικύρωσή τους.

Όνομα χρήστη (Γράμματα, Αριθμοί, Υπογράμμιση)

Πρότυπο: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$

κανόνες:

  • Ξεκινά με γράμμα
  • Σύνολο 3-20 χαρακτήρες
  • Μόνο γράμματα, αριθμοί, υπογράμμιση

Επικυρώνει: χρήστης_123, JohnDoe, test42

Δεκαεξαδικός κωδικός χρώματος

Πρότυπο: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

Επικυρώνει:

  • #FF5733
  • #fff
  • #ABC123

Ημερομηνία (ΕΕΕΕ-ΜΜ-ΗΗ)

Πρότυπο: ^\d{4}-\d{2}-\d{2}$

Επικυρώνει: 2026-01-15

Σημείωση: Για ημερομηνίες, η χρήση ενός πεδίου Ημερομηνίας με επιλογέα ημερομηνίας είναι συνήθως καλύτερη.

Ώρα (ΩΩ:ΛΛ 24 ώρες)

Πρότυπο: ^([01]\d|2[0-3]):[0-5]\d$

Επικυρώνει:

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

Αριθμός Τιμολογίου (INV-YYYY-NNNN)

Πρότυπο: ^INV-\d{4}-\d{4}$

Επικυρώνει:

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

Αριθμός Κοινωνικής Ασφάλισης (ΗΠΑ)

Πρότυπο: ^\d{3}-\d{2}-\d{4}$

Επικυρώνει: 123-45-6789

Προειδοποίηση: Να είστε προσεκτικοί κατά τη συλλογή αριθμών κοινωνικής ασφάλισης (SSN)—επιπτώσεις στην ασφάλεια και το απόρρητο.

Δημιουργώντας τα δικά σας μοτίβα

Διαδικασία βήμα προς βήμα

  1. Καθορίστε τις απαιτήσεις: Τι μορφή χρειάζεστε;
  2. Αναλύστε το: Ποιοι χαρακτήρες, πόσοι, με ποια σειρά;
  3. Πρότυπο κατασκευής: Μετάφραση σε regex
  4. Δοκιμή διεξοδικά: Έγκυρες ΚΑΙ μη έγκυρες εισόδους
  5. Γράψτε μήνυμα σφάλματος: Βοηθήστε τους χρήστες να κατανοήσουν τη μορφή

Παράδειγμα: Αναγνωριστικό υπαλλήλου

Απαιτείται: 2 γράμματα + 4 ψηφία + 1 γράμμα (π.χ., AB1234C)

Επαθε βλάβη:

  • 2 κεφαλαία γράμματα: [A-Z]{2}
  • 4 ψηφία: \d{4}
  • 1 κεφαλαίο γράμμα: [A-Z]
  • Τίποτα πριν ή μετά: ^ $

Τελικό μοτίβο: ^[A-Z]{2}\d{4}[A-Z]$

Δοκιμαστικά μοτίβα

Πριν από τη χρήση σε μορφή:

  • Δοκιμή έγκυρων εισόδων (θα πρέπει να περάσει)
  • Δοκιμή μη έγκυρων εισόδων (θα πρέπει να αποτύχει)
  • Δοκιμή περιπτώσεων ακμών (όρια, ειδικοί χαρακτήρες)
  • Χρησιμοποιήστε διαδικτυακούς δοκιμαστές regex για εντοπισμό σφαλμάτων

Μηνύματα σφάλματος για επικύρωση

Προεπιλεγμένα μηνύματα

  • «Παρακαλώ εισάγετε μια έγκυρη τιμή»
  • «Αυτό το πεδίο δεν είναι έγκυρο»

Καλύτερα Προσαρμοσμένα Μηνύματα

Ενημερώστε τους χρήστες για την αναμενόμενη μορφή:

πρότυπο Καλύτερο μήνυμα σφάλματος
Ταχυδρομικός κώδικας «Παρακαλώ εισάγετε έναν έγκυρο ταχυδρομικό κώδικα (π.χ., 12345 ή 12345-6789)»
Τηλέφωνο Επικοινωνίας «Παρακαλώ εισάγετε το τηλέφωνο ως 555-123-4567»
Κωδικός «Μορφή: ABC-1234 (3 γράμματα, παύλα, 4 αριθμοί)»
Επωνυμία Φαρμακείου «Το όνομα χρήστη πρέπει να ξεκινά με ένα γράμμα, 3-20 χαρακτήρες, μόνο γράμματα/αριθμοί/κάτω παύλα»

Χρήση δεσμευτικού θέσης και κειμένου βοήθειας

Αποτρέψτε τα σφάλματα εμφανίζοντας τη μορφή εκ των προτέρων:

  • Placeholder: «ABC-1234»
  • Κείμενο βοήθειας: «Εισαγάγετε τον κωδικό προϊόντος σας (π.χ., ABC-1234)»

Βέλτιστες Πρακτικές

1. Ξεκινήστε το Simple

Χρησιμοποιήστε ενσωματωμένα μοτίβα όταν είναι δυνατόν. Το προσαρμοσμένο regex προσθέτει πολυπλοκότητα.

2. Μην υπερεκτιμάτε

Τα υπερβολικά αυστηρά πρότυπα απογοητεύουν τους χρήστες:

  • Ονόματα με παύλες (Mary-Jane)
  • Ονόματα με απόστροφο (O'Brien)
  • Διεθνείς χαρακτήρες (José, Müller)

3. Εμφάνιση αναμενόμενης μορφής

Πάντα να λέτε στους χρήστες τι περιμένετε:

  • Σύμβολο κράτησης θέσης με παράδειγμα
  • Κείμενο βοήθειας που εξηγεί τη μορφή
  • Διαγραφή μηνύματος σφάλματος

4. Δοκιμαστικές θήκες ακμής

  • Κενή εισαγωγή
  • Κενά στην αρχή/τέλος
  • Ειδικοί χαρακτήρες
  • Μέγιστο μήκος

5. Εξετάστε εναλλακτικές λύσεις

Μερικές φορές άλλες προσεγγίσεις είναι καλύτερες:

  • Ημερομηνίες → Χρήση πεδίου ημερομηνίας
  • Αριθμοί → Χρήση πεδίου Αριθμού
  • Τηλέφωνο → Χρήση πεδίου Τηλέφωνο με μορφή
  • Σταθερές επιλογές → Χρήση αναπτυσσόμενου μενού

Συνδυασμός με άλλη επικύρωση

Μοτίβο + Απαιτείται

  • Το πεδίο πρέπει να συμπληρωθεί ΚΑΙ να ταιριάζει με το μοτίβο
  • Το κενό αποτυγχάνει να "απαιτείται"
  • Λάθος μορφή αποτυγχάνει μοτίβο

Μοτίβο + Ελάχιστο/Μέγιστο Μήκος

  • Το μοτίβο επικυρώνει τη μορφή
  • Το μήκος επικυρώνει το μέγεθος
  • Και τα δύο πρέπει να περάσουν

Αντιμετώπιση προβλημάτων μοτίβων

Το μοτίβο δεν λειτουργεί

Ελεγχος:

  • Η σύνταξη είναι σωστή (χωρίς τυπογραφικά λάθη)
  • Οι ειδικοί χαρακτήρες διαφυγής έγιναν σωστά
  • ^ και $ άγκυρες εάν χρειάζεται

Έγκυρη εισαγωγή απορρίπτεται

Ελεγχος:

  • Το μοτίβο μπορεί να είναι πολύ αυστηρό
  • Λείπουν έγκυροι χαρακτήρες στο μοτίβο
  • Ζητήματα ευαισθησίας πεζών-κεφαλαίων

Γίνεται αποδοχή μη έγκυρης εισαγωγής

Ελεγχος:

  • Το μοτίβο μπορεί να είναι πολύ χαλαρό
  • Λείπουν άγκυρες (^ και $)
  • Δοκιμή με περισσότερα παραδείγματα

Συχνές ερωτήσεις

Μπορώ να συνδυάσω πολλά μοτίβα;

Ένα μεμονωμένο πεδίο χρησιμοποιεί ένα μοτίβο. Για σύνθετη επικύρωση, συνδυάστε τις απαιτήσεις σε ένα regex χρησιμοποιώντας εναλλαγή (|) ή δημιουργήστε το μοτίβο που να ταιριάζει με όλες τις απαιτήσεις.

Τα μοτίβα διακρίνουν πεζά-κεφαλαία;

Από προεπιλογή, ναι. Χρησιμοποιήστε [A-Za-z] για να αντιστοιχίσετε και τα δύο πεζά-κεφαλαία ή προσθέστε μια σημαία που δεν κάνει διάκριση πεζών-κεφαλαίων, εάν υποστηρίζεται.

Πώς μπορώ να επιτρέψω κενά;

Προσθέστε \s στην κλάση χαρακτήρων σας: Το [A-Za-z\s] αντιστοιχεί σε γράμματα και κενά.

Τι γίνεται με τους διεθνείς χαρακτήρες;

Το τυπικό [A-Za-z] δεν περιλαμβάνει τονισμένους χαρακτήρες. Για διεθνή ονόματα, εξετάστε το ενδεχόμενο χαλαρότερης επικύρωσης ή χρησιμοποιήστε το \p{L} (εάν υποστηρίζεται) για οποιοδήποτε γράμμα.

Να κάνω επικύρωση με θάμπωμα ή να το υποβάλω;

Και τα δύο λειτουργούν. Στο θάμπωμα (απώλεια εστίασης) δίνονται πιο γρήγορα σχόλια. Κατά την υποβολή καταγράφονται τα πάντα. Πολλές φόρμες κάνουν και τα δύο.

Περίληψη

Προσθήκη προσαρμοσμένων μοτίβων επικύρωσης:

  1. Επιλέξτε τύπο μοτίβου – Ενσωματωμένο ή προσαρμοσμένο
  2. Ρύθμιση παραμέτρων μοτίβου – Επιλέξτε ή εισαγάγετε regex
  3. Προσθήκη κράτησης θέσης – Εμφάνιση αναμενόμενης μορφής
  4. Προσθήκη κειμένου βοήθειας – Εξηγήστε τις απαιτήσεις
  5. Ορισμός μηνύματος σφάλματος – Οδηγός διόρθωσης
  6. Δοκιμάστε σχολαστικά – Έγκυρες και μη έγκυρες καταχωρίσεις

Συμπέρασμα

Τα προσαρμοσμένα μοτίβα επικύρωσης διασφαλίζουν την ποιότητα των δεδομένων επιβάλλοντας συγκεκριμένες μορφές. Είτε χρειάζεστε επικύρωση URL, κωδικούς προϊόντων είτε προσαρμοσμένα αναγνωριστικά, τα μοτίβα εντοπίζουν σφάλματα πριν από την υποβολή και καθοδηγούν τους χρήστες να διορθώσουν την εισαγωγή δεδομένων.

Αυτόματη δημιουργία φορμών Περιλαμβάνει κοινά μοτίβα (Email, URL, Γράμματα, Αριθμούς, Αλφαριθμητικά) και υποστηρίζει προσαρμοσμένο regex για εξειδικευμένες ανάγκες επικύρωσης. Τα καθαρά δεδομένα ξεκινούν με την κατάλληλη επικύρωση.

Είστε έτοιμοι να επικυρώσετε τα στοιχεία που καταχωρήσατε στη φόρμα σας; Λήψη Αυτόματου Δημιουργού Φόρμας για Λήψη και βεβαιωθείτε ότι οι φόρμες σας συλλέγουν σωστά μορφοποιημένα δεδομένα.

Αφήστε μια απάντηση

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται *