JS防止瀏覽器自動記住密碼

2021-08-28 03:08:47 字數 1963 閱讀 2001

最近專案上做了這樣乙個功能,使用autocomplete="off"不能解決ff的問題,依舊會提示是否記住密碼,第一次寫部落格,不足之處請大神們多多指點。

html部分:

先設定使用者可以看見的密碼框type為text:

新增乙個隱藏的input框:

js部分:

先判斷瀏覽器版本

1、ie和chrome

對id="input_text_psw" 的密碼框進行監聽,獲得焦點時,將其id = "textorpsw"內的html改為type=「password」,提交時將id="input_text_psw"的值賦值給 id="psw"的input框;

2、其他

對id="input_text_psw" 的密碼框進行監聽,每輸入乙個字元,將使用者輸入的資料賦值到 id="psw"的隱藏框中,將 id="input_text_psw"的可見框使用「*」號代替;提交時將id="input_text_psw"清空。

具體**:

html部分:

js部分:

$(document).ready(function()); 

}else );

}$("#input_text_psw").on("focus", textforpasswordie);

}else );

}else

}});function isie() else

}function mdfive()else

return ;

}var versionflag = ieversion();

function ieversion()

else if(fieversion == 8)

else if(fieversion == 9)

else if(fieversion == 10)

else if(fieversion == 11)

else

//ie版本過低

}//isie end

if (isff)

if (isopera)

if (issafari)

if (ischrome)

if (isedge) }

//監聽keydown事件

var cursorstart = 0;

var cursorend = 0;

var inputflag = true;

var selectflag = true;

function forkeydown()

function textforpasswordie() else

}//使用text模擬password

function textforpassword() else

}else else

}var viewpsdvalue = "";

var psdvalue = "";

for(var i = 0; i < display_input.length; i++)

psdvalue = display_input.join("");

loginform.pswview.value = viewpsdvalue;

loginform.psw.value = psdvalue;

$("#input_text_psw")[0].selectionstart = start;

$("#input_text_psw")[0].selectionend = start;

}

阻止瀏覽器記住密碼功能

一 關於瀏覽器記住密碼功能 可以參考 二 如何控制瀏覽器不提示 是否記住密碼 呢 解決方案1 1.關閉表單的自動完成功能 autocomplete false,關於參考 autocomplete屬性 2.延遲設定密碼域,即在頁面載入成功後 將輸入框的type password 示例 div clas...

input禁止瀏覽器記住密碼

再網上找了很多方法,都沒用 1,設定autocomplete off 或者autocomplete new password 部分有用 2,放置無效 3,動態將密碼框的value改為小圓點或者 麻煩 4,通過focus動態改變input的屬性無效還麻煩 5,使用屬性 webkit text secu...

瀏覽器記住密碼整理(三)

一 瀏覽器自動記住密碼功能 1.現在瀏覽器對表單中的密碼域都有自動記住密碼功能,只要表單中有密碼域就會提示自動記住密碼 2.瀏覽器記住密碼功能和表單自動完成是兩個獨立的功能 3.記住密碼功能對整個 都起作用,跟頁面沒有關係。也就是說某個頁面中記錄的密碼,在其他頁面也會自動完成,只要表單中有密碼域就會...