Nhận tất cả mật khẩu loại nhập

Question

Tôi mới sử dụng javascript. Tôi muốn nhận được tất cả các loại mật khẩu đầu vào trên trang html của tôi.

Tôi biết rằng có một cách để loại bỏ những điều này bằng cách sử dụng Javascript, nhưng tôi không biết làm thế nào.

Sau đó, với mỗi người, tôi muốn chỉ định một sự kiện trên văn bản đã thay đổi.

Tôi làm cách nào để thực hiện việc này?

Cảm ơn

Answer 1

Tôi đoán bạn có nghĩa là

<input type="password"> 

Nếu vậy, bạn có thể thử một chức năng như thế này:

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

Đây là chưa được kiểm tra, nhưng một cái gì đó như thế này nên làm việc:

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 thể làm điều này dễ dàng sử dụng jQuery:

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

Answer 4

jQuery là bạn của bạn ở đây. Với jQuery, nó dễ dàng như sử dụng bộ chọn:

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

và sau đó ràng buộc một người biết lắng nghe changed cho mỗi:

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

Answer 5

Tôi hy vọng Robusto không ngại tôi mở rộng giải pháp của mình một chút cho một giải pháp sẽ hoạt động tốt hơn trên các trình duyệt hiện đại. Chrome, Safari, IE8 và Firefox đều hỗ trợ querySelectorAll, do đó, có vẻ thích hợp hơn khi sử dụng nếu có.

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. Nó không phải là một vấn đề nhưng nó có thể đáng chú ý rằng querySelectorAll sẽ trả về một bộ sưu tập, trong khi phương thức dự phòng sẽ trả về một mảng. Vẫn không phải là một việc lớn, cả hai đều có tài sản length và có các thành viên được truy cập theo cùng một cách.