How to turn off text box suggestions in Google Chrome using Javascript

Question

I was tried to prevent to store the username and password in Google Chrome password manager. so, i was changed the type password to text in the password field using following lines in JQuery in $(document).ready section.

     var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
    if (isChrome) {
        $("#UserPassword").attr("type", 'text');
        $("#UserPassword").attr("style", "-webkit-text-security:disc;");
    }
    else {
        $("#UserPassword").attr("type", 'password');
    }

but, i faced, some issue due to the address fill suggestion. it shows the already typed values in the suggestion. how to prevent show the suggestion in field or how prevent google chrome password manager to save the password from my site.

Enable Suggestion in Google Chrome:

Open settings page in Google Chrome
Select Autofill and password in left panel
Then select the Addresses and more in Right Panel and enable the Save and fill addresses option.

Any one knows please give me suggestion for solve this issue

You can add autocomplete attribute and set it as `off`, Find relevant solution https://stackoverflow.com/questions/50604671/programmatically-disabling-chrome-auto-fill#:~:text=jquery.disable%2Dautofill,be%20autofilled%20by%20the%20browser.&text=Your%20answer%20%24('input%5Bautofill,is%20missing%20a%20single%20quote. — Hetal N, Jun 07 '23 at 05:54
Does this answer your question? [How do you disable browser autocomplete on web form field / input tags?](https://stackoverflow.com/questions/2530/how-do-you-disable-browser-autocomplete-on-web-form-field-input-tags) — Justinas, Jun 07 '23 at 06:14

score 0 · Answer 1 · answered Jun 07 '23 at 07:39

0

Using JavaScript, you can disable text box suggestions in Google Chrome by using the autocomplete attribute of the input element.

var inputElement = document.getElementById("myInput");
inputElement.setAttribute("autocomplete", "off");

answered Jun 07 '23 at 07:39

Gemunu R Wickremasinghe

472
4
7

score 0 · Answer 2 · answered Jun 09 '23 at 06:53

I am asked about autofill in field. i required for avoid show suggestion in that fields.

Now, i got one solution for avoid this scenario.

In the Suggestion show based on the field name.

function formsubmit(e){
    e.preventdefault();
    $("#userpassword").attr("name","Password"");
    $("#loginform").submit();
}


 <form action="/account/login" id="loginform" >
    <input type="text" name="123123124343_Password" id="userpassword"></input>
    <input type="submit" onclick="formsubmit()" value="Login"></input>
   </form>

so,i was set the dynamic name for the field with unique id. in form submit event, i changed the field name as i required.

Now, the suggestion box is not appeared in that field

How to turn off text box suggestions in Google Chrome using Javascript

2 Answers2