Obtener todo el tipo de entrada contraseña

Question

Soy nuevo en javascript. Quiero obtener toda la contraseña del tipo de entrada en mi página html.

Sé que hay una forma de hacer este tipo de cosas usando Javascript, pero no sé cómo.

Luego, con cada uno, deseo asignar un evento al texto modificado.

¿Cómo puedo hacer esto?

Gracias

Answer 1

que presumen que quiere decir

<input type="password"> 

Si es así, puede intentar una función como esta:

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

Esto no se ha probado, pero algo como esto debería funcionar:

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

Y ou puede hacer esto fácilmente usando jQuery:

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

Answer 4

jQuery es su amigo. Con jQuery, es tan fácil como con el selector:

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

y luego un enlace de receptor changed a cada uno:

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

Answer 5

espero Robusto no me importa extendiendo su solución un poco para una solución que funcionará mejor en los navegadores modernos. Chrome, Safari, IE8 y Firefox son compatibles con querySelectorAll, por lo que parece más apropiado usarlo si está disponible.

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; 
} 

NB. No debería ser un problema, pero podría valer la pena señalar que querySelectorAll devolverá una colección, mientras que el método alternativo devolverá una matriz. Todavía no es un gran problema, ambos tienen la propiedad length y se accede a los miembros de la misma manera.