चूंकि अधिकांश autocomplete
सुझाव, जिनमें स्वीकृत उत्तर भी शामिल है, आज के वेब ब्राउज़र में काम नहीं करते (यानी वेब ब्राउज़र पासवर्ड मैनेजर अनदेखा करते हैं autocomplete
), एक अधिक उपन्यास समाधान है कि फ़ील्ड के दौरान स्वैप password
और text
प्रकारों के बीच स्वैप करें और पृष्ठभूमि के रंग से मेल करें। एक सादा पाठ क्षेत्र है, जो उपयोगकर्ता (या KeePass जैसा कोई प्रोग्राम) पासवर्ड दर्ज करते समय वास्तविक पासवर्ड फ़ील्ड होने के दौरान पासवर्ड को छिपाना जारी रखता है। ब्रॉउज़र उन संदेशों को सहेजने के लिए नहीं कहते हैं जो सादे पाठ फ़ील्ड में संग्रहीत हैं।
इस दृष्टिकोण का लाभ यह है कि यह प्रगतिशील वृद्धि के लिए अनुमति देता है और इसलिए सामान्य पासवर्ड फ़ील्ड के रूप में कार्य करने के लिए एक फ़ील्ड के लिए जावास्क्रिप्ट की आवश्यकता नहीं होती है (आप इसके बजाय एक सादे पाठ क्षेत्र से भी शुरू कर सकते हैं और एक ही दृष्टिकोण लागू कर सकते हैं लेकिन यह वास्तव में HIPAA नहीं है पीएचआई / PII संगत)। न ही यह दृष्टिकोण छिपे हुए रूपों / क्षेत्रों पर निर्भर करता है, जो आवश्यक रूप से सर्वर को नहीं भेजे जा सकते हैं (क्योंकि वे छिपे हुए हैं) और उनमें से कुछ चालें भी कई आधुनिक ब्राउज़रों में काम नहीं करती हैं।
jQuery प्लगइन:
https://github.com/cubiclesoft/php-flexforms-modules/blob/master/password-manager/jquery.stoppasswordmanager.js
उपरोक्त लिंक से प्रासंगिक स्रोत कोड:
(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));
डेमो:
https://barebonescms.com/demos/admin_pack/admin.php
मेनू में "प्रविष्टि जोड़ें" पर क्लिक करें और फिर पृष्ठ के नीचे "मॉड्यूल: स्टॉप पासवर्ड मैनेजर" पर स्क्रॉल करें।
डिस्क्लेमर: जब यह दृष्टिकोण दृष्टिहीन व्यक्तियों के लिए काम करता है, तो स्क्रीन रीडर सॉफ़्टवेयर के साथ समस्याएँ हो सकती हैं। उदाहरण के लिए, एक स्क्रीन रीडर उपयोगकर्ता के पासवर्ड को ज़ोर से पढ़ सकता है क्योंकि यह एक सादा पाठ क्षेत्र देखता है। उपरोक्त प्लगइन का उपयोग करने के अन्य अप्रत्याशित परिणाम भी हो सकते हैं। अंतर्निहित वेब ब्राउज़र कार्यक्षमता को अलग-अलग स्थितियों और किनारे के मामलों की एक विस्तृत जांच के साथ संयमपूर्वक किया जाना चाहिए।