2012-02-04 10 views
5
<input type="text" /> 

में .keyup का उपयोग कर वर्ण गिनती करने के लिए कैसे मैं जावास्क्रिप्ट/jQuery में .keyup पर input से वर्णों की संख्या लिख ​​सकते हैं?सरल तरीका jQuery

उत्तर

14
$('input').keyup(function() { 
    console.log(this.value.length); 
}); 

keyupbind('keyup') के लिए एक शॉर्टकट विधि है।
और jQuery संस्करण 1.7 के रूप में, इसके बाद के संस्करण पदावनत कर रहे हैं हम घटनाओं बाध्य करने के लिए on विधि का उपयोग करने के लिए प्रोत्साहित कर रहे हैं, जिसका अर्थ है कि कोड इस तरह दिखना चाहिए के सभी:

$('input').on('keyup', function() { 
    console.log(this.value.length); 
}); 
+2

* बहुत अधिक jQuery। * 'This.value.length' भी पर्याप्त है (' $ (this) .val() लंबाई के बजाय।)। –

+0

कई thnx उत्तर भी बुकमार्क किए जाने में सक्षम होना चाहिए:) – Irfan

+0

@RobW thx, उत्तर अपडेट किया गया :) –

3

उदाहरण - यह बाहर सूचित करेंगे पात्रों की संख्या

$('#textBoxId').bind('keyup', function(e){ 

    alert($(this).val().length); 

}); 

यह स्पष्ट रूप से मानता है कि टेक्स्ट बॉक्स में टेक्स्टबॉक्स आईडी है। अन्यथा चयनकर्ता बदलें, मैं इसे किसी कारण के लिए आईडी नहीं देना चाहता हूं

+0

यह केवल तभी काम करेगा जब इनपुट में टेक्स्टबॉक्स की आईडी हो। '<इनपुट प्रकार =" पाठ "आईडी =" टेक्स्टबॉक्स "/>' – Tim

संबंधित मुद्दे