I have a view which has two fields. The required field validation works for one and does not work for the other. Am i missing something?
Not working:
<div class="form-group">
<div class="controls">
<label class="control-label" for="Selected Organizations">Selected Organization(s)</label>
<div class="panel panel-default">
<div class="panel-body" style="overflow-y: auto; max-height: 100px; min-height:50px" id="divSelOrgs">
@for (int i = 0; Model.Organizations != null && i < Model.Organizations.Count(); i++)
{
var org = Model.Organizations[i];
var checkedAttr = (org.Id != Guid.Empty) ? "checked='checked'" : "";
<div class="row">
<input type="hidden" name="Organizations.Index" value="@i" />
<input type="hidden" name="Organizations[@i].Name" value="@org.Name" />
<input type="hidden" name="Organizations[@i].Data" value="@org.Data" />
<div class="col-xs-1">
<input type="checkbox" name="Organizations[@i].Id" value="@org.Id" @checkedAttr data-org-selected="true" />
</div>
<div class="col-xs-11" data-toggle="tooltip" data-placement="top" title="@org.Data">@org.Name</div>
</div>
}
</div>
</div>
@Html.ValidationMessageFor(m => m.Organizations)
</div>
</div>
Working :
<div class="form-group">
@Html.LabelFor(m => m.FirstName, new { @class = "control-label" })
@Html.TextBoxFor(m => m.FirstName, new { @class = "form-control", placeholder = "First name" })
@Html.ValidationMessageFor(m => m.FirstName)
</div>
Model Code:
[Required]
[Display(Name = "First Name")]
public string FirstName { get; set; }
[Required(ErrorMessage = "The {0} field is required.")]
[Display(Name = "Selected Organization(s)")]
public List<OrganizationDTO> Organizations { get; set; }