html - एचटीएमएल में वर्ण सीमा




character-limit (4)

आप HTML में टेक्स्ट इनपुट पर वर्ण सीमा कैसे लगाते हैं?


<इनपुट> तत्व के लिए अधिकतम लम्बाई विशेषता है:

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

(वैसे, प्रकार "टेक्स्ट" है, न कि "टेक्स्टबॉक्स" जैसा कि अन्य लोग लिख रहे हैं), हालांकि, आपको <textarea> s के साथ जावास्क्रिप्ट का उपयोग करना होगा। किसी भी तरह से सर्वर पर लंबाई की जांच की जानी चाहिए।


2 मुख्य समाधान हैं:

शुद्ध HTML एक:

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

जावास्क्रिप्ट एक (इसे ऑनकी ईवेंट पर संलग्न करें):

function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } 
}

लेकिन वैसे भी, कोई अच्छा समाधान नहीं है। आप प्रत्येक ग्राहक के खराब HTML कार्यान्वयन के अनुकूल नहीं हो सकते हैं, यह जीतने के लिए एक असंभव लड़ाई है। यही कारण है कि इसे PHP पक्ष / पायथन / जो भी स्क्रिप्ट के साथ सर्वर पक्ष पर जांचना बेहतर होता है।


उपर्युक्त के अतिरिक्त, मैं यह इंगित करना चाहता हूं कि क्लाइंट-साइड सत्यापन (HTML कोड, जावास्क्रिप्ट, आदि) कभी भी पर्याप्त नहीं है। लम्बाई सर्वर-साइड भी जांचें, या बस बिल्कुल जांच न करें (यदि यह इतना महत्वपूर्ण नहीं है कि लोगों को इसके आसपास जाने की अनुमति दी जा सके, तो यह रोकने के लिए किसी भी कदम को वास्तव में वारंट करने के लिए पर्याप्त नहीं है)।

इसके अलावा, साथी, वह (या उसने) एचटीएमएल कहा, एक्सएचटीएमएल नहीं। ;)


एक अधिकतम लम्बाई विशेषता है

<input type="text" name="textboxname" maxlength="100" />




character-limit