टेक्स्ट फ़ील्ड के लिए कस्टम वैलिडेशन पैटर्न

A पाठ का क्षेत्र यह उपयोगकर्ताओं द्वारा टाइप की गई किसी भी चीज़ को स्वीकार करता है—लेकिन कभी-कभी आपको विशिष्ट प्रारूपों की आवश्यकता होती है। वेबसाइट यूआरएल, उत्पाद कोड, लाइसेंस नंबर या केवल अक्षरों वाले नाम, इन सभी में कुछ ऐसे पैटर्न होते हैं जो इन्हें मान्य बनाते हैं। कस्टम सत्यापन पैटर्न आपको यह परिभाषित करने की अनुमति देते हैं कि कौन सा प्रारूप स्वीकार्य है, जिससे सबमिशन से पहले ही त्रुटियों का पता चल जाता है।

इस गाइड में, आप सीखेंगे कि अपने वर्डप्रेस फॉर्म में टेक्स्ट फ़ील्ड में कस्टम वैलिडेशन पैटर्न कैसे जोड़ें।

वैलिडेशन पैटर्न क्या हैं?

संकल्पना

वैलिडेशन पैटर्न वे नियम हैं जो यह परिभाषित करते हैं कि कौन सा इनपुट मान्य है:

• इसमें केवल अक्षर होने चाहिए।
• "यह एक वैध यूआरएल होना चाहिए"
• “ABC-1234 प्रारूप से मेल खाना चाहिए”
• “इसमें ठीक 10 अक्षर होने चाहिए”

वे कैसे काम करते हैं

1. उपयोगकर्ता टेक्स्ट फ़ील्ड में टाइप करता है
2. सबमिट करने पर (या टाइप करते समय), इनपुट की जांच पैटर्न के अनुसार की जाती है।
3. यदि यह मेल खाता है: सत्यापन सफल होता है
4. यदि ऐसा नहीं होता है: त्रुटि संदेश दिखाया जाएगा

फ़ायदे

• आधार सामग्री की गुणवत्ता: एकरूप प्रारूप सुनिश्चित करें
• त्रुटि निवारण: गलतियों को जल्दी पकड़ें
• उपयोगकर्ता मार्गदर्शन: स्पष्ट अपेक्षाएँ
• डाउनस्ट्रीम संगतता: डेटा अन्य प्रणालियों के साथ काम करता है

अंतर्निर्मित सत्यापन पैटर्न

ऑटो फॉर्म बिल्डर इसमें सामान्य पैटर्न शामिल हैं:

अंतर्निर्मित पैटर्न का उपयोग करना

चरण 1: टेक्स्ट फ़ील्ड जोड़ें

1. अपना फ़ॉर्म खोलें एएफबी
2. खींचें टेक्स्ट क्षेत्र बनाने के लिए
3. कॉन्फ़िगर करने के लिए क्लिक करें

चरण 2: सत्यापन पैटर्न का चयन करें

1. खोज सत्यापन पैटर्न सेटिंग्स में
2. ड्रॉपडाउन से चुनें:
   • कोई पैटर्न नहीं (कोई पैटर्न नहीं)
   • ईमेल
   • यूआरएल
   • केवल अक्षर
   • केवल संख्याएं
   • अक्षरांकीय
   • रिवाज
3. समायोजन बचाओ

चरण 3: परीक्षण सत्यापन

1. पूर्वावलोकन प्रपत्र
2. सही इनपुट डालकर देखें—यह सफल होना चाहिए।
3. गलत इनपुट देकर देखें—त्रुटि दिखनी चाहिए

पैटर्न के उदाहरण और उपयोग के मामले

यूआरएल सत्यापन

के लिए उपयोग:

• वेबसाइट फ़ील्ड
• पोर्टफोलियो लिंक
• सोशल मीडिया प्रोफाइल
• संदर्भ यूआरएल

मान्य उदाहरण:

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

अमान्य उदाहरण:

• example.com (प्रोटोकॉल अनुपलब्ध है)
• www.example.com (प्रोटोकॉल अनुपलब्ध है)
• बस कुछ पाठ

केवल अक्षर

के लिए उपयोग:

• प्रथम/अंतिम नाम (सरल सत्यापन)
• शहर के नाम
• देश कोड
• वर्णानुक्रमिक पहचानकर्ता

मान्य उदाहरण:

• जॉन
• स्मिथ
• NewYork

अमान्य उदाहरण:

• John123
• न्यूयॉर्क (अंतरिक्ष)
• ओ'ब्रायन (अपोस्ट्रोफी)

नोट: केवल अक्षर ही पर्याप्त हैं। विचार करें कि क्या आपको रिक्त स्थान, हाइफ़न या उच्चारण चिह्नों की आवश्यकता है।

केवल संख्याएं

के लिए उपयोग:

• आईडी नंबर
• खाता संख्या
• मात्रा (जब संख्या फ़ील्ड का उपयोग नहीं किया जा रहा हो)
• पिन कोड

मान्य उदाहरण:

• 12345
• 00123
• 9876543210

अमान्य उदाहरण:

• 123-456 (हाइफ़न)
• 123.45 (दशमलव)
• 12345

अक्षरांकीय

के लिए उपयोग:

• उत्पाद कोड
• संदर्भ क्रमांक
• उपयोगकर्ताओं के नाम
• सीरियल नंबर

मान्य उदाहरण:

• ABC123
• User42
• प्रोड001

अमान्य उदाहरण:

• एबीसी-123 (हाइफ़न)
• एबीसी 123 (स्पेस)
• एबीसी_123 (अंडरस्कोर)

कस्टम वैलिडेशन पैटर्न (रेगेक्स)

Regex क्या है?

नियमित अभिव्यक्तियाँ (regex) ऐसे पैटर्न होते हैं जो पाठ प्रारूपों का वर्णन करते हैं:

• ^ = स्ट्रिंग की शुरुआत
• $ स्ट्रिंग का अंत
• [A-Z] = कोई भी बड़ा अक्षर
• [a-z] = कोई भी छोटा अक्षर
• [0-9] = कोई भी अंक
• {3} = ठीक पिछले 3 के बराबर
• {2,5} = पिछले के 2 और 5 के बीच
• + = एक या एक से अधिक
• * = शून्य या अधिक
• ? = वैकल्पिक (शून्य या एक)

कस्टम पैटर्न बनाना

1. वैलिडेशन ड्रॉपडाउन से "कस्टम" चुनें
2. अपना रेगुलर एक्सप्रेशन पैटर्न दर्ज करें
3. विभिन्न इनपुट के साथ परीक्षण करें

सामान्य कस्टम पैटर्न उदाहरण

अमेरिकी ज़िप कोड

पैटर्न: ^\d{5}(-\d{4})?$

मान्य करता है:

• 12345 (5 अंक)
• 12345-6789 (ज़िप कोड+4)

अस्वीकृत:

• 1234 (बहुत छोटा)
• 123456 (बहुत लंबा)
• एबीसीडीई (अक्षर)

यूएस फोन नंबर

पैटर्न: ^\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

उत्पाद कोड (एबीसी-1234 प्रारूप)

पैटर्न: ^[A-Z]{3}-\d{4}$

मान्य करता है:

• एबीसी-1234
• XYZ -9999
• प्रो-0001

अस्वीकृत:

• एबीसी-1234 (छोटे अक्षर)
• एबी-1234 (केवल 2 अक्षर)
• एबीसी1234 (हाइफ़न गायब है)

लाइसेंस प्लेट (विभिन्न प्रारूप)

पैटर्न (अमेरिकी सामान्य): ^[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, जॉनडो, परीक्षण42

हेक्स कलर कोड

पैटर्न: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

मान्य करता है:

• # FF5733
• #fff
• #एबीसी123

दिनांक (YYYY-MM-DD)

पैटर्न: ^\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

चेतावनी: सामाजिक सुरक्षा नंबर (एसएनएस) एकत्र करते समय सावधानी बरतें—इससे सुरक्षा और गोपनीयता संबंधी समस्याएं उत्पन्न हो सकती हैं।

अपने खुद के पैटर्न बनाना

चरण-दर-चरण प्रक्रिया

1. आवश्यकताओं को परिभाषित करें: आपको किस फॉर्मेट की आवश्यकता है?
2. तोड़ दो: कौन से पात्र, कितने, किस क्रम में?
3. निर्माण पैटर्न: रेगुलर एक्सप्रेशन में अनुवाद करें
4. अच्छी तरह से परीक्षण करें: वैध और अवैध इनपुट
5. त्रुटि संदेश लिखें: उपयोगकर्ताओं को प्रारूप समझने में मदद करें

उदाहरण: कर्मचारी आईडी

आवश्यकता: 2 अक्षर + 4 अंक + 1 अक्षर (उदाहरण के लिए, AB1234C)

टूट - फूट:

• 2 बड़े अक्षर: [A-Z]{2}
• 4 अंक: \d{4}
• 1 बड़ा अक्षर: [A-Z]
• इससे पहले या बाद में कुछ भी नहीं: ^ और $

अंतिम पैटर्न: ^[A-Z]{2}\d{4}[A-Z]$

परीक्षण पैटर्न

फॉर्म में उपयोग करने से पहले:

• मान्य इनपुट की जांच करें (परीक्षा उत्तीर्ण होनी चाहिए)
• अमान्य इनपुट की जांच करें (यह विफल होना चाहिए)
• सीमावर्ती मामलों (सीमाएँ, विशेष वर्ण) का परीक्षण करें
• डिबगिंग के लिए ऑनलाइन रेगुलर एक्सप्रेशन टेस्टर का उपयोग करें।

सत्यापन के लिए त्रुटि संदेश

डिफ़ॉल्ट संदेश

• कृपया एक मान्य मान दर्ज करें
• यह फ़ील्ड अमान्य है

बेहतर अनुकूलित संदेश

उपयोगकर्ताओं को अपेक्षित प्रारूप बताएं:

प्लेसहोल्डर और सहायता टेक्स्ट का उपयोग करना

प्रारूप को पहले से दिखाकर त्रुटियों से बचें:

• प्लेसहोल्डर: “एबीसी-1234”
• सहायता पाठ: अपना उत्पाद कोड दर्ज करें (उदाहरण के लिए, ABC-1234)

सर्वोत्तम प्रथाएं

1. सरल शुरुआत करें

जहां संभव हो, अंतर्निहित पैटर्न का उपयोग करें। कस्टम रेगुलर एक्सप्रेशन से जटिलता बढ़ जाती है।

2. अत्यधिक सत्यापन न करें

अत्यधिक सख्त नियम उपयोगकर्ताओं को निराश करते हैं:

• हाइफ़न वाले नाम (मैरी-जेन)
• अपोस्ट्रोफी वाले नाम (ओ'ब्रायन)
• अंतर्राष्ट्रीय पात्र (जोस, मुलर)

3. अपेक्षित प्रारूप दिखाएँ

उपयोगकर्ताओं को हमेशा यह बताएं कि आप उनसे क्या अपेक्षा करते हैं:

• उदाहरण सहित प्लेसहोल्डर
• प्रारूप को समझाने वाला सहायता पाठ
• त्रुटि संदेश साफ़ करें

4. एज केस का परीक्षण करें

• खाली इनपुट
• प्रारंभ/अंत में रिक्त स्थान
• विशेष वर्ण
• अधिकतम लंबाई

5. विकल्पों पर विचार करें

कभी-कभी अन्य तरीके बेहतर होते हैं:

• दिनांक → दिनांक फ़ील्ड का उपयोग करें
• संख्याएँ → संख्या फ़ील्ड का उपयोग करें
• फ़ोन → फ़ोन फ़ील्ड का उपयोग फ़ॉर्मेट के साथ करें
• निश्चित विकल्प → ड्रॉपडाउन का उपयोग करें

अन्य सत्यापन के साथ संयोजन

पैटर्न + आवश्यक

• फ़ील्ड भरा होना चाहिए और पैटर्न से मेल खाना चाहिए।
• खाली होने पर “आवश्यक” विफल हो जाता है
• गलत प्रारूप पैटर्न को विफल कर देता है

पैटर्न + न्यूनतम/अधिकतम लंबाई

• पैटर्न प्रारूप को मान्य करता है
• लंबाई से आकार की पुष्टि होती है
• दोनों को उत्तीर्ण होना होगा

समस्या निवारण पैटर्न

पैटर्न काम नहीं कर रहा है

चेक:

• वाक्य रचना सही है (कोई टाइपो नहीं है)
• विशेष वर्ण ठीक से एस्केप हो गए
• ^ और $ एंकर, यदि आवश्यक हो

वैध इनपुट अस्वीकृत किया जा रहा है

चेक:

• नियम बहुत सख्त हो सकता है
• पैटर्न में मान्य वर्ण अनुपस्थित हैं
• केस संवेदनशीलता संबंधी मुद्दे

अमान्य इनपुट स्वीकार किया जा रहा है

चेक:

• पैटर्न बहुत ढीला हो सकता है
• एंकर (^ और $) गायब हैं
• अधिक उदाहरणों के साथ परीक्षण करें

अक्सर पूछे जाने वाले प्रश्न

क्या मैं कई पैटर्न को एक साथ जोड़ सकता हूँ?

एक फ़ील्ड के लिए एक ही पैटर्न का उपयोग किया जाता है। जटिल सत्यापन के लिए, आवश्यकताओं को एक ही रेगुलर एक्सप्रेशन में वैकल्पिक (|) का उपयोग करके संयोजित करें या सभी आवश्यकताओं से मेल खाने वाला पैटर्न बनाएं।

क्या पैटर्न केस-सेंसिटिव होते हैं?

डिफ़ॉल्ट रूप से, हाँ। दोनों स्थितियों से मिलान करने के लिए [A-Za-z] का उपयोग करें, या यदि समर्थित हो तो केस-इनसेंसिटिव फ़्लैग जोड़ें।

मैं स्पेस की अनुमति कैसे दूं?

अपने कैरेक्टर क्लास में \s जोड़ें: [A-Za-z\s] अक्षरों और रिक्त स्थानों से मेल खाता है।

अंतर्राष्ट्रीय पात्रों के बारे में क्या?

मानक [A-Za-z] में उच्चारण वाले अक्षर शामिल नहीं होते हैं। अंतर्राष्ट्रीय नामों के लिए, कम मान्यकरण पर विचार करें या किसी भी अक्षर के लिए \p{L} (यदि समर्थित हो) का उपयोग करें।

क्या मुझे ब्लर पर वैलिडेट करना चाहिए या सबमिट करना चाहिए?

दोनों तरीके काम करते हैं। फोकस धुंधला होने पर (फोकस खोने पर) तेज़ प्रतिक्रिया मिलती है। सबमिट करने पर सब कुछ कैप्चर हो जाता है। कई फॉर्म दोनों काम करते हैं।

सारांश

कस्टम वैलिडेशन पैटर्न जोड़ना:

1. पैटर्न का प्रकार चुनें – अंतर्निर्मित या अनुकूलित
2. पैटर्न कॉन्फ़िगर करें – रेगुलर एक्सप्रेशन चुनें या दर्ज करें
3. प्लेसहोल्डर जोड़ें – अपेक्षित प्रारूप दिखाएँ
4. सहायता पाठ जोड़ें – आवश्यकताओं की व्याख्या करें
5. त्रुटि संदेश सेट करें – गाइड सुधार
6. अच्छी तरह से परीक्षण करें – मान्य और अमान्य इनपुट

निष्कर्ष

कस्टम वैलिडेशन पैटर्न विशिष्ट फॉर्मेट को लागू करके डेटा की गुणवत्ता सुनिश्चित करते हैं। चाहे आपको URL वैलिडेशन, प्रोडक्ट कोड या कस्टम आइडेंटिफायर की आवश्यकता हो, ये पैटर्न सबमिशन से पहले ही त्रुटियों को पकड़ लेते हैं और उपयोगकर्ताओं को सही इनपुट की ओर निर्देशित करते हैं।

ऑटो फॉर्म बिल्डर इसमें सामान्य पैटर्न (ईमेल, यूआरएल, अक्षर, संख्याएँ, अल्फ़ान्यूमेरिक) शामिल हैं और विशेष सत्यापन आवश्यकताओं के लिए कस्टम रेगुलर एक्सप्रेशन का समर्थन करता है। स्वच्छ डेटा की शुरुआत उचित सत्यापन से होती है।

क्या आप अपने फॉर्म इनपुट को वैलिडेट करने के लिए तैयार हैं? ऑटो फॉर्म बिल्डर डाउनलोड करें और यह सुनिश्चित करें कि आपके फॉर्म सही प्रारूप में डेटा एकत्र करते हैं।