Disable autocomplete on html helper textbox in MVC

Question

Ok,

I would in normal asp.net use a theme to turn off autocomplete on all text boxes on an entire site. However i cannot do this on MVC because nothing in the theme

Answer 1

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)

Answer 2

Simply add this to the _Layout.cshtml document end

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

Answer 3

Use following jQuery Code

 $(document).ready(function() {
    $("form,input").attr("autocomplete","off");
 });

Answer 4

Instead of off- write anything @autocomplete='write-anything-instead-of-off'

@Html.TextBoxFor(model => model.FirstName, new { placeholder = "First Name", @class = "form-control", @id = "txtFirstName", @autocomplete = "new-FirstName"})

Answer 5

Use autocomplete = "disable-autocomplete"

The autocomplete= "off" is no longer supported.

Answer 6

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.