फ़ोन फ़ील्ड
सटीक और सुव्यवस्थित तरीके से फ़ोन नंबर एकत्र करें। अंतर्राष्ट्रीय प्रारूपों से लेकर लाइव सत्यापन के साथ स्वचालित स्वरूपण, कस्टम पैटर्न और मोबाइल-अनुकूलित कीपैड तक – फ़ोन फ़ील्ड उपयोगकर्ता के अनुकूल इनपुट और पेशेवर स्वरूपण के साथ सटीक फ़ोन नंबर संग्रह सुनिश्चित करता है।
ऑटो-फॉर्मेटिंग के साथ स्मार्ट फोन कलेक्शन
के लिये बिल्कुल उचित:
हर उपयोग के लिए शक्तिशाली विशेषताएं
🌍 कई फ़ोन प्रारूप
चार प्रारूप विकल्प:
अंतर्राष्ट्रीय प्रारूप – लचीला प्रारूप जो किसी भी देश के फ़ोन मानकों के अनुकूल हो जाता है। यह +1 (123) 456-7890 या +44 1234 567890 जैसे विभिन्न अंतर्राष्ट्रीय पैटर्न स्वीकार करता है।
- यूएस फॉर्मेट – (123) 456-7890 – स्वचालित कोष्ठक और डैश के साथ मानक उत्तरी अमेरिकी प्रारूप।
- यूके प्रारूप – 01234 567890 – ब्रिटिश प्रारूप जिसमें क्षेत्र कोड के बाद रिक्त स्थान होता है।
- कस्टम फॉर्मेट – अंकों के लिए 9 और विभाजकों के लिए प्रतीकों का उपयोग करके अपना स्वयं का पैटर्न परिभाषित करें (उदाहरण के लिए, +99 999-999-9999)।
प्रारूप क्यों मायने रखता है:
- प्रस्तुतियाँ एकरूपता सुनिश्चित करती हैं
- डेटा की गुणवत्ता और पठनीयता में सुधार करता है
- क्षेत्र के अनुसार उपयोगकर्ता की अपेक्षाओं से मेल खाता है
- फ़ोन नंबर सत्यापन को सरल बनाता है
स्मार्ट प्लेसहोल्डर:
अपेक्षित प्रारूप के बारे में उपयोगकर्ताओं को मार्गदर्शन देने के लिए प्रारूप-विशिष्ट प्लेसहोल्डर टेक्स्ट स्वचालित रूप से दिखाई देता है।
⌨️ टाइप करते समय फॉर्मेट करें
लाइव ऑटो-फॉर्मेटिंग
“टाइप करते समय फ़ॉर्मेट करें” विकल्प चालू करें और देखें कि उपयोगकर्ता द्वारा अंक दर्ज करते ही फ़ोन नंबर स्वचालित रूप से फ़ॉर्मेट हो जाते हैं। कोष्ठक, रिक्त स्थान और डैश वास्तविक समय में दिखाई देते हैं।
यह कैसे काम करता है:
- उपयोगकर्ता प्रकार: 1234567890
- फील्ड शो: (123) 456-7890 (यूएस फॉर्मेट के लिए)
- सबमिशन को सही प्रारूप में संख्या प्राप्त होती है
लाभ:
- तत्काल दृश्य प्रतिक्रिया
- उपयोगकर्ताओं को सही प्रारूप तुरंत दिखाई देता है।
- इनपुट त्रुटियों को कम करता है
- पेशेवर उपयोगकर्ता अनुभव
- सबमिशन के बाद किसी फॉर्मेटिंग की आवश्यकता नहीं है।
प्रारूप के उदाहरण:
- अमेरिका: (123) 456-7890 टाइप करते ही फॉर्मेट हो जाता है
- यूके: 01234 567890 (स्पेस सहित प्रारूप)
- कस्टम: आपके द्वारा परिभाषित पैटर्न का अनुसरण करता है
📱 मोबाइल के लिए अनुकूलित इनपुट
- मोबाइल पर संख्यात्मक कुंजीपैड
- मोबाइल डिवाइसों पर फ़ोन फ़ील्ड स्वतः ही न्यूमेरिक कीपैड को सक्रिय कर देते हैं। उपयोगकर्ताओं को पूर्ण QWERTY लेआउट के बजाय फ़ोन के अनुकूल कीबोर्ड मिलता है।
- क्यों यह मामले:
- मोबाइल पर फ़ोन नंबर दर्ज करने की गति तेज़
- टाइपिंग की गलतियाँ कम करता है
- बेहतर मोबाइल उपयोगकर्ता अनुभव
- नेटिव फ़ोन ऐप्स से मेल खाता है
- टच एक्यूरेसी के लिए बड़ी संख्या वाली कुंजियाँ
क्रॉस-डिवाइस संगतता:
यह iOS, Android और उन सभी मोबाइल ब्राउज़रों पर पूरी तरह से काम करता है जिनमें नेटिव न्यूमेरिक कीबोर्ड सपोर्ट होता है।
🎯 अनुकूलित प्रारूप पैटर्न
अपना खुद का प्रारूप परिभाषित करें
क्या आपको कोई ऐसा फॉर्मेट चाहिए जो इसमें शामिल नहीं है? सरल नोटेशन का उपयोग करके कस्टम पैटर्न बनाएं:
पैटर्न सिंटैक्स:
- किसी भी अंक के लिए `9` का प्रयोग करें
- विभाजकों के रूप में प्रतीकों का प्रयोग करें (कोष्ठक, डैश, रिक्त स्थान, बिंदु)।
- उदाहरण: `(999) 999-9999` बदलकर `(123) 456-7890` हो जाता है
सामान्य कस्टम पैटर्न:
- ऑस्ट्रेलिया: `99 9999 9999` → `02 1234 5678`
- जर्मनी: `+49 999 999 9999` → `+49 123 456 7890`
- जापान: `999-9999-9999` → `123-4567-8901`
- किसी भी देश के लिए: अपना सटीक प्रारूप परिभाषित करें
सजीव पूर्वावलोकन:
उपयोगकर्ताओं द्वारा देखे जाने से पहले उदाहरण फ़ोन नंबरों के साथ देखें कि आपका कस्टम फ़ॉर्मेट कैसा दिखेगा।
📏 लंबाई सत्यापन
न्यूनतम और अधिकतम लंबाई नियंत्रण
अनुमत अंकों की न्यूनतम और अधिकतम संख्या निर्धारित करें। ब्राउज़र में मौजूद सत्यापन सुविधा का उपयोग करके सुनिश्चित करें कि फ़ोन नंबर आपकी आवश्यकताओं को पूरा करते हैं।
स्मार्ट डिजिट काउंटिंग:
लंबाई सत्यापन केवल अंकों की गणना करता है, कोष्ठक, रिक्त स्थान और डैश जैसे स्वरूपण वर्णों को अनदेखा करता है।
उदाहरण:
- अमेरिकी मोबाइल नंबर: न्यूनतम 10, अधिकतम 10 (बिल्कुल 10 अंक)
- अंतर्राष्ट्रीय: न्यूनतम 7, अधिकतम 15 (अधिकांश देशों को कवर करता है)
- स्थानीय संख्याएँ: न्यूनतम 7, अधिकतम 7 (7 अंकों वाली स्थानीय संख्या)
- लचीला: न्यूनतम 10, अधिकतम 15 (विभिन्न प्रारूपों में)
वास्तविक समय सत्यापन:
यदि फ़ोन नंबर बहुत छोटा या बहुत लंबा है तो दृश्य प्रतिक्रिया दिखाई देती है, जिससे गलत प्रविष्टियों को रोका जा सके।
✅ डिफ़ॉल्ट फ़ोन नंबर
फ़ोन फ़ील्ड पहले से भरें
फॉर्म लोड होने पर दिखाई देने वाला एक डिफ़ॉल्ट फ़ोन नंबर सेट करें। यह सपोर्ट लाइन, मुख्यालय नंबर या सामान्य संपर्कों के लिए उपयोगी है।
बक्सों का इस्तेमाल करें:
- कॉल बैक अनुरोधों के लिए सहायता हॉटलाइन नंबर पहले से भर दें
- उदाहरण के तौर पर मुख्यालय संख्या दिखाएँ
- क्षेत्र-विशिष्ट प्रपत्रों के लिए डिफ़ॉल्ट क्षेत्र कोड सेट करें
- डेटाबेस से ज्ञात उपयोगकर्ता फ़ोन नंबर पहले से भरें
संपादन योग्य डिफ़ॉल्ट मान:
उपयोगकर्ता डिफ़ॉल्ट मान को आसानी से संपादित या बदल सकते हैं - यह एक प्रारंभिक बिंदु है, लॉक नहीं है।
🙈 हिडन फील्ड मोड
अदृश्य फ़ोन संग्रहण
ऐसे छिपे हुए फ़ोन नंबर फ़ील्ड बनाएं जो उपयोगकर्ताओं को दिखाई न दें लेकिन फ़ॉर्म के साथ डेटा सबमिट करें। ट्रैकिंग, सिस्टम नंबर या बैकएंड वैल्यू के लिए बिल्कुल उपयुक्त।
बक्सों का इस्तेमाल करें:
- स्टोर सिस्टम कॉलबैक नंबर
- ट्रैक सपोर्ट लाइन पहचानकर्ता
- विभागीय विस्तार शामिल करें
- छिपे हुए संपर्क मेटाडेटा
यह कैसे काम करता है:
"हिडन वैल्यू" सेट करें और यह आपके फॉर्म के यूजर इंटरफेस में दिखाई दिए बिना हर फॉर्म सबमिशन में स्वचालित रूप से शामिल हो जाएगा।
🔀 सशर्त तर्क
गतिशील फ़ोन फ़ील्ड दृश्यता
फॉर्म के अन्य मानों के आधार पर फ़ोन फ़ील्ड दिखाएँ या छिपाएँ। ऐसे स्मार्ट फॉर्म बनाएँ जो उपयोगकर्ता के चयन के अनुसार अनुकूलित हो जाएँ।
उन्नत तर्क नियम:
- AND लॉजिक – सभी शर्तें पूरी होनी चाहिए
- OR लॉजिक – कोई भी स्थिति क्रिया को ट्रिगर कर सकती है
- 8 ऑपरेटर – बराबर, बराबर नहीं, से बड़ा, से छोटा, शामिल है, खाली है, और भी बहुत कुछ
बक्सों का इस्तेमाल करें:
- "मोबाइल नंबर" केवल तभी दिखाएं जब संपर्क प्राथमिकता "फ़ोन" के बराबर हो।
- जब उपयोगकर्ता "बिजनेस" टाइप करे तो "वैकल्पिक फ़ोन" प्रदर्शित करें।
- जब कार्यालय का स्थान चयनित न हो तो "कार्यालय विस्तार" को छिपाएँ
- जब प्रतिभागी का प्रकार "नाबालिग" हो, तो "आपातकालीन संपर्क" प्रदर्शित करें।
🎯 बेहतर उपयोगकर्ता अनुभव
इसमें अंतर्निहित स्मार्ट फीचर्स:
- फ़ोन इनपुट प्रकार – मोबाइल उपकरणों पर संख्यात्मक कीपैड को सक्रिय करता है
- ऑटो-कंप्लीट सपोर्ट – ब्राउज़र सेव किए गए फ़ोन नंबर सुझा सकते हैं
- रीयल-टाइम फ़ॉर्मेटिंग – टाइप करते समय फ़ॉर्मेटिंग को देखें (वैकल्पिक)
- प्रारूप सत्यापन – यह सुनिश्चित करता है कि संख्याएँ अपेक्षित पैटर्न से मेल खाती हैं।
- आवश्यक सत्यापन – स्पष्ट त्रुटि संदेशों के साथ फ़ोन एंट्री को अनिवार्य बनाएं
- प्लेसहोल्डर उदाहरण – उपयोगकर्ताओं द्वारा टाइप करने से पहले प्रारूप संकेत दिखाएं
- सहायता संदेश - आवश्यक फ़ोन प्रकार को स्पष्ट करने के लिए विवरण जोड़ें
- कस्टम सीएसएस क्लासेस – अपने ब्रांड से मेल खाने वाली कस्टम स्टाइलिंग लागू करें
- अभिगम्यता सहायता – ARIA लेबल और स्क्रीन रीडर के साथ संगत
3 आसान चरणों में सेटअप करें
कुछ ही मिनटों में अपना फ़ोन फ़ील्ड तैयार करें
फ़ोन फ़ील्ड जोड़ें
बेसिक फील्ड्स सेक्शन से फ़ोन फील्ड को खींचकर अपने फॉर्म में छोड़ दें।
प्रारूप चुनें
फ़ोन फ़ॉर्मेट चुनें (अंतर्राष्ट्रीय, यूएस, यूके या कस्टम)। कस्टम फ़ॉर्मेट के लिए, अंकों के लिए 9 का उपयोग करके अपना पैटर्न परिभाषित करें।
विकल्प कॉन्फ़िगर करें
लाइव फॉर्मेटिंग के लिए "टाइप करते समय फॉर्मेट करें" विकल्प को सक्षम करें, न्यूनतम/अधिकतम लंबाई सत्यापन सेट करें, और वैकल्पिक रूप से एक डिफ़ॉल्ट फ़ोन नंबर जोड़ें।
🎉 बस इतना ही! आपका फ़ोन फ़ील्ड स्मार्ट फ़ॉर्मेटिंग और सत्यापन के साथ तैयार है।
वास्तविक दुनिया के अनुप्रयोग
संपर्क प्रपत्र
* प्राथमिक संपर्क नंबर
* वैकल्पिक फ़ोन नंबर
* कार्यालय और मोबाइल नंबर
* आपातकालीन संपर्क फ़ील्ड
बुकिंग सिस्टम
* अपॉइंटमेंट की पुष्टि संख्या
* आरक्षण संपर्क विवरण
* कॉलबैक अनुरोध संख्याएँ
* एसएमएस सूचना संख्या
ई वाणिज्य
* ऑर्डर के लिए संपर्क नंबर
* डिलीवरी फ़ोन नंबर
* ग्राहक सेवा कॉल बैक
* ऑर्डर की स्थिति संबंधी सूचनाएं
व्यावसायिक अनुप्रयोग
* लीड कैप्चर फ़ोन नंबर
* बिक्री संबंधी पूछताछ के लिए संपर्क
* साझेदारी आवेदन
* विक्रेता के संपर्क विवरण
स्वास्थ्य सेवा और सेवाएँ
* रोगी संपर्क नंबर
* आपातकालीन संपर्क विवरण
* अपॉइंटमेंट रिमाइंडर
* सेवा कॉलबैक अनुरोध
शिक्षा एवं पंजीकरण
* छात्र संपर्क जानकारी
* माता-पिता/अभिभावक के नंबर
* आपातकालीन संपर्क
* पाठ्यक्रम संबंधी पूछताछ के लिए कॉल बैक
फ़ील्ड विकल्पों को पूरा करें
बुनियादी विन्यास
- फ़ील्ड लेबल – फ़ोन फ़ील्ड के ऊपर प्रदर्शित शीर्षक
- विवरण/सहायता पाठ – उपयोगकर्ताओं के लिए अतिरिक्त मार्गदर्शन
- आवश्यक फ़ील्ड – फ़ोन नंबर दर्ज करना अनिवार्य करें
- प्लेसहोल्डर टेक्स्ट – कस्टम संकेत टेक्स्ट (खाली होने पर फॉर्मेट से स्वतः उत्पन्न होता है)
फ़ोन प्रारूप
- फ़ोन नंबर कैसे दिखने चाहिए?
- अंतर्राष्ट्रीय प्रारूप (देश के अनुसार भिन्न होता है)
- यूएस फॉर्मेट: (123) 456-7890
- यूके प्रारूप: 01234 567890
- कस्टम फॉर्मेट (अपना खुद का परिभाषित करें)
कस्टम प्रारूप पैटर्न
- आपका कस्टम फॉर्मेट – अंकों के लिए 9 का उपयोग करके पैटर्न परिभाषित करें (कस्टम चुने जाने पर दिखाया जाएगा)
- उदाहरण: `(999) 999-9999` से `(123) 456-7890` बनता है
- विभाजक के रूप में प्रतीकों का प्रयोग करें: कोष्ठक, डैश, रिक्त स्थान, बिंदु
स्वरूपण विकल्प
टाइप करते समय फ़ॉर्मेटिंग – टाइप करते समय स्वचालित रूप से कोष्ठक, स्पेस और डैश जोड़ें
डिफ़ॉल्ट मान
डिफ़ॉल्ट मान – फ़ॉर्म लोड होने पर फ़ोन नंबर पहले से भरा हुआ होगा
लंबाई सत्यापन
- न्यूनतम लंबाई – आवश्यक अंकों की न्यूनतम संख्या (0-20)
- अधिकतम लंबाई – अधिकतम अंकों की संख्या (0-20)
प्रारूप पूर्वावलोकन
उदाहरण प्रारूप – लाइव पूर्वावलोकन दिखाता है कि आपके द्वारा चुने गए प्रारूप के साथ फ़ोन नंबर कैसे दिखाई देंगे।
सशर्त तर्क
- सशर्त तर्क सक्षम करें – शर्तों के आधार पर दिखाएँ/छिपाएँ
- तर्क प्रकार
- सभी शर्तें पूरी होनी चाहिए (और)
- कोई भी शर्त पूरी हो सकती है (या)
- शर्त नियम
- दिखाएँ/छिपाएँ – की जाने वाली कार्रवाई
- फ़ील्ड – किस फ़ील्ड की जाँच करनी है
- ऑपरेटर – बराबर, बराबर नहीं, शामिल है, से बड़ा, से छोटा, खाली है, खाली नहीं है
- मूल्य – तुलनात्मक मूल्य
- एकाधिक शर्तें – असीमित नियम जोड़ें
उन्नत विकल्प
- हिडन फील्ड मोड – फ़ील्ड को अदृश्य बनाएं लेकिन सबमिशन में मान शामिल करें
- कस्टम सीएसएस क्लासेस – कस्टम स्टाइलिंग लागू करें
- अभिगम्यता विशेषताएँ – ARIA लेबल और विवरण
- ऑटो-कंप्लीट – ब्राउज़र में फ़ोन नंबर के सुझाव सक्षम करें
आप हमारे फ़ोन फ़ील्ड को क्यों चुनें?
✅ लचीले प्रारूप – अंतर्राष्ट्रीय, अमेरिकी, ब्रिटिश या कस्टम पैटर्न
✅ ऑटो स्वरूपण – उपयोगकर्ता के टाइप करते ही लाइव फॉर्मेटिंग
✅ मोबाइल अनुकूलित मोबाइल उपकरणों पर संख्यात्मक कुंजीपैड
✅ स्मार्ट सत्यापन – अंकों की गिनती के साथ न्यूनतम/अधिकतम लंबाई
✅ कस्टम पैटर्न – किसी भी देश के लिए कोई भी प्रारूप परिभाषित करें
✅ यूजर फ्रेंडली – प्रारूप के उदाहरण और उपयोगी प्लेसहोल्डर
✅ स्वच्छ डेटा – सभी प्रस्तुतियाँ एक समान प्रारूप में होनी चाहिए
✅ पेशेवर – आकर्षक दिखावट अपेक्षाओं के अनुरूप है।
✅ पूरी तरह से एकीकृत – यह सभी फॉर्म सुविधाओं के साथ सहजता से काम करता है
अक्सर पूछे जाने वाले प्रश्न
प्रश्न: फोन के फॉर्मेट में क्या अंतर है?
अंतर्राष्ट्रीय स्तर पर देश कोड सहित विभिन्न प्रारूप स्वीकार किए जाते हैं। अमेरिकी प्रारूप में संख्याएँ (123) 456-7890 के रूप में दर्ज की जाती हैं। यूके में यह प्रारूप 01234 567890 के रूप में दर्ज किया जाता है। कस्टम प्रारूप में आप अंकों के लिए 9 का उपयोग करके अपना स्वयं का पैटर्न बना सकते हैं।
प्रश्न: "टाइप करते समय फॉर्मेट करें" सुविधा कैसे काम करती है?
जैसे ही उपयोगकर्ता अंक टाइप करते हैं, फ़ील्ड स्वतः ही फ़ॉर्मेटिंग चिह्न सम्मिलित कर देता है। 1234567890 टाइप करने पर तुरंत (123) 456-7890 बन जाता है।
प्रश्न: क्या मैं अंतरराष्ट्रीय फोन नंबर एकत्र कर सकता हूँ?
हाँ। +1, +44, +91 और अन्य जैसे देश कोड वाले नंबरों के लिए अंतर्राष्ट्रीय प्रारूप चुनें।
प्रश्न: कस्टम फॉर्मेट पैटर्न क्या करता है?
यह फ़ोन नंबर की सटीक संरचना को परिभाषित करता है। आवश्यक अंकों के लिए 9 का उपयोग करें और स्पेस या डैश जैसे चिह्न जोड़ें।
प्रश्न: लंबाई सत्यापन कैसे काम करता है?
न्यूनतम और अधिकतम लंबाई में केवल अंक गिने जाते हैं—फॉर्मेटिंग नहीं। यदि आप न्यूनतम 10 और अधिकतम 10 सेट करते हैं, तो उपयोगकर्ताओं को ठीक 10 अंक दर्ज करने होंगे।
प्रश्न: टेक्स्ट इनपुट के बजाय फ़ोन फ़ील्ड का उपयोग क्यों किया जाता है?
यह मोबाइल न्यूमेरिक कीबोर्ड को सक्रिय करता है, ऑटो-फॉर्मेटिंग का समर्थन करता है, संरचना को मान्य करता है, और संग्रहीत संख्याओं के लिए ब्राउज़र ऑटो-कंप्लीट की अनुमति देता है।
प्रश्न: क्या उपयोगकर्ता स्वचालित रूप से स्वरूपित फ़ोन नंबरों को संपादित कर सकते हैं?
जी हां। उपयोगकर्ता अपनी इच्छानुसार अंक जोड़ या हटा सकते हैं और फ़ॉर्मेटिंग स्वचालित रूप से समायोजित हो जाती है।
प्रश्न: यदि फ़ॉर्मेटिंग को अक्षम कर दिया जाए तो क्या होगा?
उपयोगकर्ता बिना ऑटो-फॉर्मेटिंग के सामान्य अंक टाइप करते हैं, लेकिन प्लेसहोल्डर और लंबाई सत्यापन अभी भी सही प्रविष्टि में मार्गदर्शन करते हैं।
प्रश्न: क्या मैं विशिष्ट फ़ोन पैटर्न को सत्यापित कर सकता हूँ?
जी हां। किसी भी क्षेत्रीय मानक से मेल खाने के लिए न्यूनतम/अधिकतम अंक सीमाओं के साथ कस्टम प्रारूपों को संयोजित करें।
प्रश्न: क्या यह व्हाट्सएप या एसएमएस लिंक के साथ काम करता है?
जी हां। सबमिट किए गए नंबरों का उपयोग नोटिफिकेशन में क्लिक करने योग्य व्हाट्सएप या एसएमएस लिंक जेनरेट करने के लिए किया जा सकता है।
प्रश्न: क्या मैं अलग-अलग देशों के लिए अलग-अलग फ़ोन फॉर्मेट दिखा सकता हूँ?
जी हाँ। चयनित देश के आधार पर प्रारूप प्रदर्शित करने के लिए सशर्त तर्क का उपयोग करें।
प्रश्न: अगर मेरे देश का प्रारूप सूची में नहीं है तो क्या होगा?
कस्टम फॉर्मेट का उपयोग करके अपना खुद का फॉर्मेट बनाएं। अंक प्लेसहोल्डर के रूप में 9 का उपयोग करें और अंतिम स्वरूप को वास्तविक समय में देखें।
