How to disable input field's autocomplete with EditorFor?

Question

<%= Html.EditorFor(product => product.Name) %>

I need the generated output to have autocomplete="off" attribute set.

What I'm missing?

Edit: I'm looking an extension method for EditorFor that accepts key/value dictionary for attributes, so I can call it like this: <%= Html.EditorFor(product => product.Name, new { autocomplete = "off" } ) %>

Here it is done for LabelFor, but it is needed to be adjusted for EditorFor

    public static MvcHtmlString LabelFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, object htmlAttributes) {
        return LabelFor(html, expression, new RouteValueDictionary(htmlAttributes));
    }
    public static MvcHtmlString LabelFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, IDictionary<string, object> htmlAttributes)
    {
        ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData);
        string htmlFieldName = ExpressionHelper.GetExpressionText(expression);
        string labelText = metadata.DisplayName ?? metadata.PropertyName ?? htmlFieldName.Split('.').Last();
        if (String.IsNullOrEmpty(labelText))
        {
            return MvcHtmlString.Empty;
        }

        TagBuilder tag = new TagBuilder("label");
        tag.MergeAttributes(htmlAttributes);
        tag.Attributes.Add("for", html.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldId(htmlFieldName));
        tag.SetInnerText(labelText);
        return MvcHtmlString.Create(tag.ToString(TagRenderMode.Normal));
    }

Edit2: I realized it can't be named EditorFor because there already exists an overridden EditorFor that accepts an anonymous type, see here http://msdn.microsoft.com/en-us/library/ff406462.aspx.. anyway, we can name it differently, no biggies.

tvanfosson · Accepted Answer · 2010-07-22 12:16:44Z

4

You'll need to use use a custom template that generates the input element with the attribute or you could add some javascript to the page to add the attribute client-side.

<%= Html.EditorFor( product => product.Name, "NoAutocompleteTextBox" ) %>

Then in Shared/EditorTemplates you need a NoAutocompleteTextBox.ascx that defines

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%= Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue,
                     new { autocomplete = "off" }) %>

or, the jQuery way, to set it on all text inputs

$(function() {
    $('input[type=text]').attr('autocomplete','off');
});

answered Jul 22, 2010 at 12:16

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

randomguy Over a year ago

This solves the problem. I would prefer a custom EditorFor that accepts key/value dictionary for additional attributes (class, id, etc.).. But I have no clue how it would be accomplished. The way it would be called: <%= Html.EditorFor(product => product.Name, new { autocomplete = "off" } ) %>

randomguy · Accepted Answer · 2010-07-22 13:10:13Z

2

public static MvcHtmlString EditorForAttr<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, object htmlAttributes) {
    return EditorForAttr(html, expression, new RouteValueDictionary(htmlAttributes));
}
public static MvcHtmlString EditorForAttr<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, IDictionary<string, object> htmlAttributes) {
    ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData);
    string htmlFieldName = ExpressionHelper.GetExpressionText(expression);

    TagBuilder tag = new TagBuilder("input");
    tag.GenerateId(html.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldId(htmlFieldName));
    tag.MergeAttribute("name", htmlFieldName);
    tag.MergeAttribute("type", "text");
    tag.MergeAttribute("value", metadata.Model == null ? "" : metadata.Model.ToString()); // Not sure if this is correct.
    tag.MergeAttributes(htmlAttributes, true);
    return MvcHtmlString.Create(tag.ToString(TagRenderMode.SelfClosing));
}

edited Jul 22, 2010 at 13:10

answered Jul 22, 2010 at 13:04

randomguy

12.3k16 gold badges77 silver badges102 bronze badges

1 Comment

randomguy Over a year ago

We need to get the current value, if it has one set, somehow.

Collectives™ on Stack Overflow

How to disable input field's autocomplete with EditorFor?

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related