जावास्क्रिप्ट के साथ टेक्स्टएरिया में कैरेक्टर सीमाएं लागू करना

एचटीएमएल फॉर्म के साथ काम करते समय, उपयोगकर्ताओं द्वारा टेक्स्ट क्षेत्रों में इनपुट किए जा सकने वाले कैरेक्टर की संख्या को सीमित करना अक्सर महत्वपूर्ण होता है। जबकि तत्व एक अधिकतम लंबाई विशेषता प्रदान करता है, यह हमेशा इस कार्यक्षमता को लागू करने का सबसे सुविधाजनक तरीका नहीं है।

जावास्क्रिप्ट के साथ अधिकतमलंबाई का अनुकरण

अधिकतमलंबाई विशेषता को मैन्युअल रूप से सेट करने के बजाय, जावास्क्रिप्ट को समान प्रभाव प्राप्त करने के लिए उपयोग किया जाता है। एक दृष्टिकोण टेक्स्ट क्षेत्र के मूल्य की लंबाई की निगरानी करने और तदनुसार इनपुट को प्रतिबंधित करने के लिए ऑनकीप्रेस और ऑनकीअप जैसे इवेंट हैंडलर का उपयोग करना है। हालाँकि, इस विधि के लिए प्रत्येक पाठ क्षेत्र के लिए ईवेंट हैंडलिंग कोड को दोहराने की आवश्यकता होती है। गतिशील रूप से प्रत्येक पाठ क्षेत्र तत्व की अधिकतम लंबाई विशेषता। इस दृष्टिकोण में निम्नलिखित चरण शामिल हैं:

पाठ क्षेत्रों की पहचान करें

1. अधिकतम लंबाई विशेषता की जांच करें: प्रत्येक पाठ क्षेत्र के लिए, जांचें कि क्या इसमें वैध मान (0 से अधिक संख्या) के साथ अधिकतम लंबाई विशेषता है।
2. अनाम फ़ंक्शन बनाएं : टेक्स्ट क्षेत्र की लंबाई को सत्यापित करने और सीमा पार होने पर अलर्ट प्रदर्शित करने के लिए एक अनाम फ़ंक्शन को परिभाषित करें।
3. इवेंट हैंडलर असाइन करें: अनाम फ़ंक्शन को ऑनकीप और ऑनब्लर इवेंट के रूप में असाइन करें पाठ क्षेत्र के लिए हैंडलर. जब भी उपयोगकर्ता टाइप करता है या टेक्स्ट क्षेत्र से बाहर निकलता है, तो ये घटनाएं ट्रिगर हो जाती हैं, जिससे लंबाई सत्यापन का संकेत मिलता है। . इस तकनीक को नियोजित करके, डेवलपर्स दोहराए जाने वाले ईवेंट हैंडलिंग कोड की आवश्यकता के बिना चरित्र सीमाएं लागू कर सकते हैं।