How can I detect when a browser enters a stored password into web login

Question

I have a website that detects when a user name and password has been entered, then enables the login button. The problem is if the browser enters the user name and password that it has remembered then the login button is never enabled. Is there a way in JavaScript to detect a browser entering this information?

Answer 1

You could poll for it with setInterval(), but why would you want it to be disabled before the details are entered anyway?

It doesn't seem to be a widespread practice.

Answer 2

Haven't tested it, but you can use the onchange event on the text fields.

Answer 3

Alternatively, you could keep the button enabled and check for a non-blank input when it is pressed. This would be more standard, as others have indicated.

Answer 4

First as others mentioned I'm not sure why you would not have enabled as default. But, here is what you would need to do. When the page loads just check to see if there is anything in the fields. Sometimes the browser inputs the login info, when the fields have focus, but I assume if it has focus your script may detect the input.

window.onload=function(){
  var txt=document.getElementById('username');
  if(txt!==''){showSubmit();}
  //if you have a preset value you can always do txt!=='username'
}