सभी इनपुट प्रकार पासवर्ड प्राप्त करें

Question

मैं जावास्क्रिप्ट में नया हूं। मैं अपने एचटीएमएल पेज पर सभी इनपुट प्रकार पासवर्ड प्राप्त करना चाहता हूं।

मुझे पता है कि जावास्क्रिप्ट का उपयोग करके इस तरह की चीजों को करने का एक तरीका है, लेकिन मुझे नहीं पता कि कैसे।

फिर, प्रत्येक के साथ, मैं पाठ पर एक ईवेंट को असाइन करना चाहता हूं।

मैं यह कैसे कर सकता हूं?

धन्यवाद

Answer 1

मुझे लगता है तुम्हारा मतलब

<input type="password"> 

यदि हां, तो आप इस तरह एक समारोह की कोशिश कर सकते हैं:

function getPwdInputs() { 
    var ary = []; 
    var inputs = document.getElementsByTagName("input"); 
    for (var i=0; i<inputs.length; i++) { 
    if (inputs[i].type.toLowerCase() === "password") { 
     ary.push(inputs[i]); 
    } 
    } 
    return ary; 
} 

Answer 2

यह untested है, लेकिन कुछ इस तरह काम करना चाहिए:

var allElem = document.getElementsByTagName(’input’) 

for (i=0; i < allElem.length; i++) { 

      if (allElem[i].getAttribute(’type’)==‘password’) { 

       allElem[i].onchange = //<your onchange function> 
      }  
} 

Answer 3

वाई कहां आसानी से jQuery का उपयोग कर ऐसा कर सकते हैं:

jQuery("input[type='password']").change(function() { 
    // check input ($(this).val()) for validity here 
}); 

Answer 4

jQuery अपने दोस्त यहाँ है।

$('input[type=password]'); 

और उसके बाद प्रत्येक के लिए एक changed श्रोता बाध्यकारी:

$('input[type=password]').change(function() 
{ 
    // do whatever here 
}); 

Answer 5

मुझे आशा है कि Robusto मुझे मन नहीं करता है उसके समाधान के समाधान के लिए एक सा विस्तार jQuery के साथ, यह चयनकर्ता का उपयोग करके जितना आसान है जो आधुनिक ब्राउज़रों पर बेहतर प्रदर्शन करेगा। क्रोम, सफारी, आईई 8 और फ़ायरफ़ॉक्स सभी querySelectorAll का समर्थन करते हैं, इसलिए यह उपलब्ध होने के लिए अधिक उपयुक्त लगता है।

function getPwdInputs() 
{ 
    // If querySelectorAll is supported, just use that! 
    if (document.querySelectorAll) 
    return document.querySelectorAll("input[type='password']"); 

    // If not, use Robusto's solution 
    var ary = []; 
    var inputs = document.getElementsByTagName("input"); 
    for (var i=0; i<inputs.length; i++) { 
    if (inputs[i].type.toLowerCase() === "password") { 
     ary.push(inputs[i]); 
    } 
    } 
    return ary; 
} 

एनबी। यह कोई समस्या नहीं होनी चाहिए लेकिन यह ध्यान देने योग्य हो सकता है कि querySelectorAll एक संग्रह वापस कर देगा, जबकि फ़ॉलबैक विधि एक सरणी वापस कर देगी। अभी भी एक बड़ा सौदा नहीं है, दोनों में length संपत्ति है और वहां सदस्यों को उसी तरह से एक्सेस किया जाता है।