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.

Disable Autocomplete

Integrate disableAutoFill On your Web Form


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

<script src="//"></script>
<script src=""></script>


Bellow is the sample html form which autofill and autocomplete need to disable.

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


Finally call the plugin function on form element to disable autofill and autocomplete feature.

$(function() {   

Specify the password field when there is no [type=passoword] field.

$(function() {   
  textToPassword: true,
  passwordFiled: ''

Specify the submit button when there is no [type=submit] button.

$(function() {   
  submitButton: ''

See live demo and download source code.


Visit official github repository for more information and follow for future updates. Don’t forget to read license for using this plugin in your projects.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.