1. 程式人生 > >儲存密碼後防止使用者名稱密碼反顯

儲存密碼後防止使用者名稱密碼反顯

儲存使用者名稱密碼後,瀏覽器顯示時會找到頁面的第一個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)