2013-04-24 3 views
7

के बाद टेक्स्टबॉक्स में मूल्य प्राप्त करना मेरे पास ऐसा परिदृश्य है जहां मेरे पास गतिशील रूप से जेनरेट किए गए टेक्स्टबॉक्स हैं। मुझे अधिकतम 15 वर्णों के लिए टेक्स्टबॉक्स को सत्यापित करना और विशेष वर्णों को प्रतिबंधित करना है।पेस्ट

नीचे कोड है जिसमें से document.ready() मैं टेक्स्टबॉक्स उत्पन्न कर रहा हूं और बाध्यकारी घटनाओं को बाध्य कर रहा हूं।

$(document).ready(function(){ 

    //Generate textboxes..i have some logic by which i am generating 
    //textboxes on the fly and giving textboxes a class flagText 
    GenerateFlagBoxes(); 

    //i am binding the textboxes by class names 
    var $flagArea = $('.flagText'); 
    $flagArea.bind('paste', function() { 
     var element = this; 
     setTimeout(function() { 
      alert($(element).val()); 
     }, 100); 
    }); 

}); 

लेकिन इस working.The चेतावनी मैं प्रदान की events.Am सुनने के लिए मैं नहीं गलत बाध्य नहीं किया जा सकता है आ रही लगता है कि नियंत्रण के लिए तैयार स्थिति में बनाए जाते हैं नहीं है नहीं है पता है कि यह क्यों हो रहा है। मुझे कुछ सुझाव चाहिए।

अग्रिम धन्यवाद।

यह पहेली काम कर रही है। मैं जांच रहा हूं, मैं कुछ गलत हो सकता हूं। मैं अपडेट करूंगा जहां मैं गलत हूं;

http://jsfiddle.net/mnsscorp/8QFGE/1/

हाँ अब दस्तावेज़ तैयार मैं पेस्ट event.I बाध्य करने के लिए कर रहा हूँ गलत कोड में कुछ कहाँ था .इसके काम कर रहे। :) सुझावों के लिए धन्यवाद।

+2

$ (document) .ready (function() {..:

इस प्रयास करें ।}); –

+0

देखें मैंने अपडेट किया है .. धन्यवाद – mns

+0

ठीक है, 'GenerateFlagBoxes();' को अनदेखा कर रहा है, बाकी ठीक काम करता है। कोई जावास्क्रिप्ट त्रुटियां? क्या आपका '.flagText' चयनकर्ता वास्तव में सही है? या 'गलत वर्ग नामों के साथ जेनरेट फ्लैगबॉक्स()' जेनरेटिंग बॉक्स है? –

उत्तर

3

गतिशील तत्वों के लिए, आपको on जैसे ईवेंट प्रतिनिधि की आवश्यकता है। गतिशील रूप से उत्पन्न तत्वों के लिए

$("body").on('paste', '.flagText', function() { 
    setTimeout(function() { 
     alert($(this).val()); 
    }, 100); 
}); 
8

कोशिश घटना प्रतिनिधिमंडल -

$(document).on('paste','.flagText',function(){ 
    var element = this; 
    setTimeout(function() { 
     alert($(element).val()); 
    }, 100); 
}); 
+0

आपका मतलब दस्तावेज़ तैयार हैंडलर .... ?? हां, आपके पास जितनी जरूरत हो उतनी हैंडलर हो सकती है (_if आपको वास्तव में आवश्यकता है) –

0

उपयोग लक्ष्य

var $flagArea = $('.flagText'); 
    $flagArea.bind('paste', function (e) { 
     setTimeout(function() { 
      alert(e.target.value); 
     }, 100); 
    }); 
संबंधित मुद्दे