ASP.NET MVC 3: Override "name" attribute with TextBoxFor

Question

Is it possible when using Html.TextBoxFor to override the name attribute?

I have tried with no success. I need to use TextBoxFor to get client side validation to work, however for reasons I won't go into I need the name of the textbox to be different from the generated one.

I have tried the following:

@Html.TextBoxFor(x => x.Data, new { name = Model.Key + "_Data", id = Model.Key + "_Data" })

Which works for ID but not name. Is this possible?

Update: Looking into the code for TextBoxFor. It doesn't look like there is an easy way. Hopefully someone can prove me wrong.

Duplicate of stackoverflow.com/questions/6920935/… and stackoverflow.com/questions/6064363/… — Fernando Correia
– Fernando Correia, Commented Aug 20, 2012 at 14:23
Those questions are asking something slightly different. Also - this is the older of the three, so I think you mean duplicated by. — Rob Stevenson-Leggett
– Rob Stevenson-Leggett, Commented Aug 20, 2012 at 20:34

anar khalilov · Accepted Answer · 2014-03-14 14:52:03Z

259

Rob, actually there is a much simpler way. Instead of name, use Name:

@Html.TextBoxFor(x => x.Data, new { Name = Model.Key + "_Data", id = Model.Key + "_Data" })

edited Mar 14, 2014 at 14:52

answered Jul 14, 2013 at 9:36

anar khalilov

17.6k9 gold badges52 silver badges64 bronze badges

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

13 Comments

anar khalilov Over a year ago

Case-sensitive it is @highwingers, this tiny detail has the potential to save hours.

Vladimirs Over a year ago

Overkill.. Name but id X_X

Vladimirs Over a year ago

Weird, "id" is not case-sensitive (works fine with Id and id) but "name" isn't.

GSerg Over a year ago

With ASP.NET 4, providing Name results in two attributes, Name and name, and the model binder uses the name.

James McCormack Over a year ago

But handling two different properties whose names differ only by case is a recipe for a maintenance nightmare.....

|

James McCormack · Accepted Answer · 2017-01-09 18:01:37Z

44

Are you asking this because you want to apply a prefix to the name? If so, you can do this by setting ViewData.TemplateInfo.HtmlFieldPrefix in your Controller.

I learnt a lot about this stuff from Brad Wilson's blog.

edited Jan 9, 2017 at 18:01

answered May 19, 2011 at 12:01

James McCormack

10.1k4 gold badges56 silver badges66 bronze badges

3 Comments

Rob Stevenson-Leggett Over a year ago

This looks like the winner! Beautiful.

James McCormack Over a year ago

Yeah they hid that one nicely didn't they :)

davidXYZ Over a year ago

This just saved me some headache and code duplication.

Protector one · Accepted Answer · 2015-05-18 14:57:13Z

15

EditorFor has an overload where you can supply the name attribute as a parameter:

 @Html.EditorFor(expression, null, name)

answered May 18, 2015 at 14:57

Protector one

7,4185 gold badges69 silver badges89 bronze badges

2 Comments

Johnie Karr Over a year ago

Would have saved me hours if I found this hours ago, haha

nmit026 Over a year ago

Interesting, but there is no overload for the name attribute for similar helpers like DropDownListFor, you have to specify it in the html attributes parameter (with a capital N in Name).

pogosama · Accepted Answer · 2021-12-21 13:28:29Z

9

It is called Microsoft GOTCHA...

Use the name in caps, like this

@Html.TextBoxFor(m => m.Reply.Answer, new { Name = "Whatyouwant" })

edited Dec 21, 2021 at 13:28

pogosama

1,9281 gold badge25 silver badges30 bronze badges

answered Nov 18, 2017 at 2:55

Ali Adravi

23k9 gold badges93 silver badges97 bronze badges

3 Comments

GELR Over a year ago

It really makes the difference, if you use @name, it will not get overridden. Very hard to figure out. Thanks

Steve Smith Over a year ago

Duplicate answer, and doesn't work in Core 3.1.

Ali Adravi Over a year ago

@SteveSmith It's an old answer, CORE was not there in 2017, MVC rendering engine has been changed entirely.

archil · Accepted Answer · 2011-05-19 11:55:13Z

8

Try EditorFor. you can pass string as template name if you want to make sure textbox is rendered even if property type is not string. If property is string already, it does not need templatename explicitly to render textbox, so you can pass null. Note that it does not require id parameter explicitly, it will infer it from element name. And all the validation things are still active with EditorFor

 @Html.EditorFor(x => x.Data, "string", Model.Key + "_Data")

answered May 19, 2011 at 11:55

archil

39.6k7 gold badges69 silver badges83 bronze badges

Comments

Rip Ryness · Accepted Answer · 2012-02-19 03:00:00Z

6

ben's answer got me what I was looking for except you need to wrap in in Html.Raw

@Html.Raw(Html.TextBoxFor(x => x.Data).ToString().Replace("Data", "NewData"))

answered Feb 19, 2012 at 3:00

Rip Ryness

6411 gold badge7 silver badges14 bronze badges

Comments

benwasd · Accepted Answer · 2011-05-19 12:07:01Z

4

a little bit "unpretty"=), try:

@Html.TextBoxFor(x => x.Data).ToString().Replace("Data", "NewData")

edited May 19, 2011 at 12:07

answered May 19, 2011 at 11:43

benwasd

1,35210 silver badges18 bronze badges

2 Comments

Rob Stevenson-Leggett Over a year ago

Seems like a nice easy way to do it. If a little hacky :-)

sharp johnny Over a year ago

umm, this way, wouldnt you rather just take normal Html.TexBox.. since any static typing is gone anyway after the replace

Jonas · Accepted Answer · 2016-11-29 18:04:34Z

2

For me, it works! I hope that help!

@Html.EditorFor(model => model.Nome, new { htmlAttributes = new { @class = "form-control", @maxlength = "80", @id = "NomeFilter", @Name = "NomeFilter" } })

answered Nov 29, 2016 at 18:04

Jonas

593 bronze badges

Comments

Mr.Ajdos · Accepted Answer · 2018-01-07 14:55:10Z

1

@Html.EditorFor(Model => Model.Something, "name", "name", new {@class = "form-control" })

Not sure which of those two string parameters in the middle do the work, but it worked only when I typed both of them.

edited Jan 7, 2018 at 14:55

user1773603

answered Jan 7, 2018 at 14:47

Mr.Ajdos

111 bronze badge

2 Comments

Orion Over a year ago

It's Id and Name. this worked for me. I went through all above answers and non of them worked, but this 1. Thanks.

BCdotWEB Over a year ago

public static MvcHtmlString EditorFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, string templateName, string htmlFieldName, object additionalViewData);

. No idea what templateName is supposed to be, so I used null. For htmlFieldName I used the name of the parameter (in my case "ipmi" instead of "IPMI"). That did the trick for me.

ScottLenart · Accepted Answer · 2018-02-02 15:10:51Z

1

For this example, I was disabling form fields based on permissions, but still showing them. I had a hidden field to send the value to the controller, but wanted a different field name in the EditorFor. First param after model value represents the "name" property, second is the new name.

@Html.EditorFor(m => m.UserName, "name", "UserNameDisabled", new { htmlAttributes = new { @class = "form-control", @disabled = "disabled"} });

Results in:

<input class="form-control text-box single-line" disabled="disabled" id="UserNameDisabled" name="UserNameDisabled" type="text" value="someEnteredValue" />

edited Feb 2, 2018 at 15:10

answered Feb 2, 2018 at 14:57

ScottLenart

1,2101 gold badge13 silver badges15 bronze badges

Comments

TroySteven · Accepted Answer · 2019-06-13 21:49:27Z

1

Keep it simple, your already providing the ID you should simply be able to use the method "TextBox" instead of "TextBoxFor" and it will work fine client side and server side. In addition, although the accepted answer will work but will produce duplicate Name attributes on your tag if you inspect it using a browser. The below solution does not have that problem.

MvcHtmlString Html.TextBox(string name, string value, object htmlAttributes)

@Html.TextBox(Model.Key + "_Data", Model.Key, new { id = Model.Key + "_Data" }

edited Jun 13, 2019 at 21:49

answered Jun 13, 2019 at 21:43

TroySteven

5,2176 gold badges36 silver badges54 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC 3: Override "name" attribute with TextBoxFor

11 Answers 11

13 Comments

3 Comments

2 Comments

3 Comments

Comments

Comments

2 Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

13 Comments

3 Comments

2 Comments

3 Comments

Comments

Comments

2 Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related