How to Disable Autofill / Autocomplete in Chrome – jquery.disableAutoFill Plugin

How to Disable Autofill / Autocomplete in Chrome – jquery.disableAutoFill Plugin
disableAutoFill is a lightweight jQuery plugin and easiest solution for disabling Google Chrome auto-fill, auto-complete functions. If you don’t want to display users input data as google chrome default feature support, it stores users data in cookie and when user fill same form it auto suggest past filled data, If you are looking solution for disabling autofill and autocomplete feature of form data to protect user’s sensitive data you can use this plugin.

Integrate disableAutoFill On your Web Form

Libraries

Load required libraries on page, Plugin dependent on jQuery core library include it first then add jquery.disableAutoFill.min.js lib

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://terrylinooo.github.io/jquery.disableAutoFill/assets/js/jquery.disableAutoFill.min.js"></script>

<form method="post" id="login-form">
Username: <input name="username" type="text" />
Password: <input name="password" type="password" />
<input type="submit" value="Submit">
</form>

$(function() {   
 $('#login-form').disableAutoFill();
});

$(function() {   
 $('#login-form').disableAutoFill({
  textToPassword: true,
  passwordFiled: ''
});
});

$(function() {   
 $('#login-form').disableAutoFill({
  submitButton: ''
});
});