How to disable autocomplete in MVC Html Helper

Question

I have a typical ADO.NET EF-driven form that allows the user to input a date. I have put a jQuery datepicker on it but when the user goes to select a date the browser shows some other entries in a dropdown. How do I turn off that dropdown? In traditional ASP.NET I would put autocomplete="off". Not sure of the MVC equivalent.

<div class="editor-field">     <%= Html.TextBoxFor(model => model.date, new { @class = "aDatePicker" })%>     <%= Html.ValidationMessageFor(model => model.date) %> </div>  

Answer 1

Couple of points

1. If you've more or less already written the site and you don't want to go back and modify all your cshtml to disable autocomplete (we would have had to go back and change hundreds of lines of code throughout the site), you can disable it via Javascript with a ready handler, like so:

   //Disable autocomplete throughout the site $(document).ready(function() {     $("input:text,form").attr("autocomplete","off"); }) 

2. From what I've read you need to disable it at both the form and the textbox level in order for it to work on all versions of Firefox and IE.

Answer 2

Try this:

<%= Html.TextBoxFor(     model => model.date,      new { @class = "aDatePicker", autocomplete = "off" } )%> 

It will generate markup that is close to the following:

<input type="text" id="date" name="date" class="aDatePicker" autocomplete="off" />