Disable autocomplete on html helper textbox in MVC

Cheers for the answers guys, however those solutions would really require me to edit all the forms in the site, if you saw the use of MVC we are doing, you would understand.

Anyway i opted for this way, in the master page i added this script:

<script language="javascript" type="text/javascript">
        $(document).ready(function () {
            try {
                $("input[type='text']").each(function(){
                               $(this).attr("autocomplete","off");
                            });
            }
            catch (e)
            { }
        });

    </script>

I know if javascript is disabled this is worthless however to be honest if javascript is disabled the users won't be able to use half the site.


Simply add this to the _Layout.cshtml document end

<script>
    $("input[type='text']").attr("autocomplete","off");
</script>

MVC does not have server controls like plain old ASP.NET. Therefore no server processing is done on your controls. They are rendered to the client exactly how you type them. Themes are not something you will use in MVC, because they apply to ASP.NET server controls and you won't be using those here. That said, HTML helpers do get processed by the server as the view is rendered. You will need to add autocomplete="off" to the actual HTML control using the html properties overload.

@Html.TextBoxFor(x => x.Something, new { autocomplete="off" } )

Or whatever the actual HTML attribute is that gets rendered when you set autocomplete="off" in the asp.net server control.

EDIT: One option to affect all text boxes would be to create your own Html helper method. Just create an extension method Like this:

using System.Web.Mvc;
using System.Web.Mvc.Html;

public static MvcHtmlString NoAutoCompleteTextBoxFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression)
{
    return html.TextBoxFor(expression, new { autocomplete="off" });
}

Then you can just do:

Html.NoAutoCompleteTextBoxFor(x => x.Something)

AFAIK, you cannot do autocomplete = off with css and it has to be a html attribute and hence there is nothing you can that would affect all Textboxes. One thing you can do is add the attribute to the form like this (it will address all textboxes in the current form)

Html.BeginForm(action,controller, FormMethod.Post, new { autocomplete="off"})

or create a custom Helper extension method that is similar to BeginForm that adds this html attribute internally.