By Farhad Jabiyev

2015-03-14 10:36:40 8 Comments

Let's say I have this model:

public class Person
    public bool IsApproved { get; set; }

And whis this codes, I am trying to render input with check type:

@Html.CheckBoxFor(x => x.IsApproved)

But, the results are different:

// CheckBoxFor result
<input data-val="true" data-val-required="The IsApproved field is required." id="IsApproved" name="IsApproved" type="checkbox" value="true">
<input name="IsApproved" type="hidden" value="false">

// CheckBox result
<input id="IsApproved" name="IsApproved" type="checkbox" value="true">
<input name="IsApproved" type="hidden" value="false">

How and why, the first one generates attributes for client-side validation, while the other didn't?


After swapping the order of @Html.CheckBoxFor and @Html.CheckBox, the order of markup elements didn't change.


@user3559349 2015-03-14 11:30:13

The CheckBox() helper does not render thedata-val attributes because the form has already rendered CheckBoxFor() for the same property. If you swap the order, the data-val attributes would be rendered for CheckBox() (and not for CheckBoxFor()).

My understanding is this would cause a potential (duplication) problem with jquery.validation.unobtrusive when parsing the form.

The html helpers for controls internally call the GetUnobtrusiveValidationAttributes() method of HtmlHelper. From the source code (my emphasis)

Only render attributes if unobtrusive client-side validation is enabled, and then only if we've never rendered validation for a field with this name in this form. Also, if there's no form context, then we can't render the attributes (we'd have no to attach them to)

public IDictionary<string, object> GetUnobtrusiveValidationAttributes(string name, ModelMetadata metadata)

@Farhad Jabiyev 2015-03-14 11:36:17

Thanks for a nice explanation. This is an answer.

@Farhad Jabiyev 2015-07-24 10:20:05

Hi @Stephen, Sorry for distrubing again. Several days ago I have posted one question about one problem which I MVC. Have youu any idea about it? Could you please look at it. Here is the question.

@user3559349 2015-07-24 10:31:36

@FarhadJabiyev, No time now, but I'll take a look tomorrow morning :)

@Farhad Jabiyev 2015-07-24 10:35:25

:) Ok, sorry for disturbing again. Thanks.

Related Questions

Sponsored Content

11 Answered Questions

1 Answered Questions

[SOLVED] How to resolve hidden form field auto generated from @Html.CheckBoxFor

7 Answered Questions

5 Answered Questions

4 Answered Questions

2 Answered Questions

[SOLVED] checkboxfor bind to model ajax postback

2 Answered Questions

3 Answered Questions

[SOLVED] MVC 4 EditorFor bool Checkbox always posting True

Sponsored Content