Disable autocomplete on user form

Author: nygrenh

app/views/users/_form.html.erb

@@ -1,4 +1,4 @@
-<%= form_for @user, :url => { :action => :update, :class => "form-horizontal" } do |f| %>
+<%= form_for @user, url: { :action => :update, :class => "form-horizontal" }, autocomplete: "off" do |f| %>
   <%= render 'shared/error_messages', :target => @user %>
 
   <section>
@@ -12,7 +12,7 @@
       <%= bs_labeled_field('Username', f.text_field(:login, :disabled => !@user.new_record?, class: 'form-control')) %>
     <% end%>
     <%= bs_labeled_field('E-mail:', f.text_field(:email, class: 'form-control')) %>
-    <%= bs_labeled_field('Confirm e-mail:', f.text_field(:email_repeat, :value => '', class: 'form-control')) %>
+    <%= bs_labeled_field('Confirm e-mail:', f.text_field(:email_repeat, :value => '', class: 'form-control', autocomplete: 'off', type: 'email', class: "stop-autofilling")) %>
   </section>
 
   <% if @user.new_record? %>
@@ -24,9 +24,9 @@
   <% else %>
     <section>
       <h2>Change password</h2>
-      <%= bs_labeled_field('Old password:', f.password_field(:old_password, :value => '', class: 'form-control')) %>
-      <%= bs_labeled_field('New password:', f.password_field(:password, :value => '', class: 'form-control')) %>
-      <%= bs_labeled_field('Confirm new password:', f.password_field(:password_repeat, :value => '', class: 'form-control')) %>
+      <%= bs_labeled_field('Old password:', f.password_field(:old_password, :value => '', class: 'form-control', autocomplete: 'off', class: "stop-autofilling")) %>
+      <%= bs_labeled_field('New password:', f.password_field(:password, :value => '', class: 'form-control'), autocomplete: 'off') %>
+      <%= bs_labeled_field('Confirm new password:', f.password_field(:password_repeat, :value => '', class: 'form-control', autocomplete: 'off')) %>
     </section>
   <% end %>
 
@@ -54,3 +54,12 @@
   </section>
 <% end %>
 <br>
+
+
+<script>
+  setTimeout(function() {
+    document.QuerySelectorAll('.stop-autofilling').forEach(function(e) {
+      e.value = ""
+    })
+  }, 500)
+</script>