html頁面禁止自動填充瀏覽器記住的密碼
阿新 • • 發佈：2019-02-04
現在的瀏覽器功能越來越強大，比如Chrome瀏覽器，在一個系統login的時候我們一般會記住密碼，那麼在整個系統中，瀏覽器一旦遇到 type="password"的控制元件，就會把密碼自動填充到該控制元件。非常煩惱，問了一下同事有人說可以用autocomplete="off" 來禁用自動填充， 經過簡單的實踐沒有達到我的需求。於是回到最原始的解決方案。
比如html如下
$("input[name='admin_pwd']").attr("type", "text").val("").on("focus", function () {
$(this).attr("type", "password");
});
當頁面ajax提交後又把type改為text且清空該值
$("input[name='admin_pwd']").attr("type", "text").val("");
比如html如下
<input type="password" name="admin_pwd" minlength="6" required="true" />
在頁面初始化的時候 把type改為text 並且清空，在focus事件觸發的時候又把type改為password。$("input[name='admin_pwd']").attr("type", "text").val("").on("focus", function () {
$(this).attr("type", "password");
});
當頁面ajax提交後又把type改為text且清空該值
$("input[name='admin_pwd']").attr("type", "text").val("");