Vì hầu hết các autocomplete
đề xuất, bao gồm câu trả lời được chấp nhận, không hoạt động trong các trình duyệt web hiện nay (ví dụ: trình quản lý mật khẩu trình duyệt web bỏ qua autocomplete
), một giải pháp mới hơn là hoán đổi giữa password
và text
các loại và làm cho màu nền khớp với màu văn bản khi trường là một trường văn bản đơn giản, tiếp tục ẩn mật khẩu trong khi là trường mật khẩu thực khi người dùng (hoặc một chương trình như KeePass) đang nhập mật khẩu. Các trình duyệt không yêu cầu lưu mật khẩu được lưu trữ trong các trường văn bản thuần túy.
Ưu điểm của phương pháp này là cho phép tăng cường lũy tiến và do đó không yêu cầu Javascript để một trường hoạt động như một trường mật khẩu bình thường (thay vào đó bạn cũng có thể bắt đầu với một trường văn bản đơn giản và áp dụng cách tiếp cận tương tự nhưng đó không thực sự là HIPAA Tuân thủ PHI / PII). Cách tiếp cận này cũng không phụ thuộc vào các biểu mẫu / trường ẩn mà có thể không nhất thiết phải được gửi đến máy chủ (vì chúng bị ẩn) và một số thủ thuật đó cũng không hoạt động trong một số trình duyệt hiện đại.
Plugin jQuery:
https://github.com/cubiclesoft/php-flexforms-modules/blob/master/password-manager/jquery.stoppasswordmanager.js
Mã nguồn có liên quan từ liên kết trên:
(function($) {
$.fn.StopPasswordManager = function() {
return this.each(function() {
var $this = $(this);
$this.addClass('no-print');
$this.attr('data-background-color', $this.css('background-color'));
$this.css('background-color', $this.css('color'));
$this.attr('type', 'text');
$this.attr('autocomplete', 'off');
$this.focus(function() {
$this.attr('type', 'password');
$this.css('background-color', $this.attr('data-background-color'));
});
$this.blur(function() {
$this.css('background-color', $this.css('color'));
$this.attr('type', 'text');
$this[0].selectionStart = $this[0].selectionEnd;
});
$this.on('keydown', function(e) {
if (e.keyCode == 13)
{
$this.css('background-color', $this.css('color'));
$this.attr('type', 'text');
$this[0].selectionStart = $this[0].selectionEnd;
}
});
});
}
}(jQuery));
Bản giới thiệu:
https://barebonescms.com/demos/admin_pack/admin.php
Nhấp vào "Thêm mục nhập" trong menu và sau đó cuộn xuống cuối trang để "Mô-đun: Dừng Trình quản lý mật khẩu".
Tuyên bố miễn trừ trách nhiệm: Mặc dù phương pháp này hiệu quả với các cá nhân nhìn thấy, có thể có vấn đề với phần mềm đọc màn hình. Ví dụ: trình đọc màn hình có thể đọc to mật khẩu của người dùng vì nó nhìn thấy trường văn bản đơn giản. Cũng có thể có những hậu quả không lường trước được khi sử dụng plugin trên. Việc thay đổi chức năng trình duyệt web tích hợp nên được thực hiện một cách tiết kiệm với việc kiểm tra nhiều điều kiện và trường hợp cạnh khác nhau.