How do I disable the save password bubble in chrome using Javascript?

Question

I need to be able to prevent the Save Password bubble from even showing up after a user logs in.

Autocomplete=off is not the answer.

I have not come across a post that offers a secure solution for this issue. Is there really no way to disable the password bubble in Chrome??

Answer 1

I found there is no "supported" way to do it.

What I did was copy the password content to a hidden field and remove the password inputs BEFORE submit.

Since there aren't any passwords fields on the page when the submit occurs, the browser never asks to save it.

Here's my javascript code (using jquery):

function executeAdjustment(){                $("#vPassword").val($("#txtPassword").val());         $(":password").remove();                 var myForm = document.getElementById("createServerForm");         myForm.action = "executeCreditAdjustment.do";         myForm.submit();     } 

Answer 2

After hours of searching, I came up with my own solution, which seems to work in Chrome and Safari (though not in Firefox or Opera, and I haven't tested IE). The trick is to surround the password field with two dummy fields.

<input type="password" class="stealthy" tabindex="-1"> <input type="password" name="password" autocomplete="off"> <input type="password" class="stealthy" tabindex="-1"> 

Here's the CSS I used:

.stealthy {   left: 0;   margin: 0;   max-height: 1px;   max-width: 1px;   opacity: 0;   outline: none;   overflow: hidden;   pointer-events: none;   position: absolute;   top: 0;   z-index: -1; } 

Note: The dummy input fields can no longer be hidden with display: none as many have suggested, because browsers detect that and ignore the hidden fields, even if the fields themselves are not hidden but are enclosed in a hidden wrapper. Hence, the reason for the CSS class which essentially makes input fields invisible and unclickable without "hiding" them.