儲存密碼後防止使用者名稱密碼反顯
阿新 • • 發佈:2018-12-06
儲存使用者名稱密碼後,瀏覽器顯示時會找到頁面的第一個type=password 的輸入框來顯示密碼,這個輸入框的上一個文字輸入框顯示使用者名稱。但是一些新增,修改頁面需要填寫密碼在密碼輸入框時,會造成開啟頁面後反顯出儲存的資訊比如新增頁面程式碼如下:
<label for=''>使用者名稱稱:</label>
<input name='usrName' id='usrName' maxlength='15' type='text'>
<label for=''>密碼:</label>
<input name='usrPassword' id='usrPassword' maxlength='32' type='password'>
因為密碼是password框且儲存密碼之後 頁面顯示效果如圖下
解決辦法:
$("#usrPassword").focus(function(){
this.type = "password";
});
把密碼框寫成text但是填寫密碼時再變成password,這樣效果基本上和直接寫密碼框一樣
但是當密碼框內的資訊需要反顯時這樣做就不可以了
這時候就需要這樣
setTimeout(function(){
$("#usrPassword").attr('type',"password");
},1)