Clear browser saved password through jquery

Question

So here I've a page to change password, but before that I've Login page where user logs in and say he has clicked browser's default functionality Remember me or Save Password or anything it prompts during login, and saves the password!!

Now when I load my change password partial view the textbox say with ID txtOldPassword will be filled by default whereas textboxes txtNewPassword and txtConfirmPassword will be left empty!!

I load my PartialView as below and tried to clear the txtOldPassword value!!

$('.menu').on('click',function(){
     $('#body_data').load('/Home/GetChangePassword',function(){
             $('#txtOldPassword').val(''); //Tried to clear the value here       
     });
});

But still the value exists!!! Now, I don't want to disable the browser's default functionality but I just want to remove the password that automatically comes and stores in textbox txtOldPassword!!

All the answers suggesting `autocomplete=off` are good, but I think in some chrome versions, it will still not fix this issue. Last time when I dealt with, I had to put a hidden password field in the form because chrome trys to autofill password in the first password field it encounters in the form. This way the problem can be solved. — Gaurav Pandey, Apr 28 '15 at 05:15
Please read http://stackoverflow.com/questions/2338102/override-browser-form-filling-and-input-highlighting-with-html-css — Sunil Kumar, Apr 28 '15 at 05:16
@gaurav.. how did that trick do?? putting hidden field and confusing browser seems great though!! :) — Guruprasad J Rao, Apr 28 '15 at 05:25
Just put an `` just above your current password field... this should do the trick — Gaurav Pandey, Apr 28 '15 at 07:37

Mox Shah · Answer 1 · 2015-04-28T05:20:36.257

1

Latest browser which supports html5, that will support Autocomplete="off". Autocomplete supported in following browsers.

Chrome >= 17.0
i.e. >= 5.0
Firefox >= 4.0
safari >= 5.2
Opera >= 9.6

Learn more about AutoComplete

Upadate

When AutoComplete is not supported, you can use some workaround like this:

<input type="password" readonly onfocus="this.removeAttribute('readonly');"/>

edited Apr 28 '15 at 05:20

answered Apr 28 '15 at 05:08

Mox Shah

2,967
2
26
42

any idea about old browsers which doesn't support html5?? – Guruprasad J Rao Apr 28 '15 at 05:08
and where you are suggesting me to put this?? in `login` page or in `change password` page?? – Guruprasad J Rao Apr 28 '15 at 05:10
That's Ok!! but am asking about the approach to be followed in traditional browser which doesn't support html5?? – Guruprasad J Rao Apr 28 '15 at 05:12
@GuruprasadRao write it in your input element – Brijesh Bhatt Apr 28 '15 at 05:17
@GuruprasadRao, ideally yeah autoComplete should be in input element of changePassword view, and see my updates for workaround when autoComplete is not supported.Hope this will help! – Mox Shah Apr 28 '15 at 05:22
1

yea checking on it!! give me a moment!! :) – Guruprasad J Rao Apr 28 '15 at 05:25

score 0 · Accepted Answer · edited Apr 29 '15 at 10:12

0

Try using autocomplete="off". Not sure if every browser supports it, though. Add this for the field in change password view.

Update:

You can try this.

$('#Password').attr("autocomplete", "off");
setTimeout('$("#Password").val("");', 2000);

edited Apr 29 '15 at 10:12

answered Apr 28 '15 at 05:07

Spider man

3,224
4
30
42

This I think I need to try once!! I'll let you know asap!! :) – Guruprasad J Rao Apr 28 '15 at 05:11

Clear browser saved password through jquery

2 Answers2

Linked