Take the tour ×  We have a ASP.NET MVC 3 application that uses
unobtrusive jQuery validation. The page allows to add children
objects to the model in the same go. The <form> contains a grid
for the children, and some input fields for adding new children.
Simplified example with Issue as the Model and Subtasks as the
children:  Issue.cshtml -> Defines the form and includes fields
for the issue as well as its subtasks.  @model Issue @using
(Html.BeginForm("Create", "Issues", FormMethod.Post, new { id =
"mainForm" })     @Html.TextBoxFor(model => model.Summary)
@Html.Partial("SubtaskFields", new Subtask())
@Html.Partial("SubtasksGrid", model.Subtasks)   @model Subtask
@Html.TextBoxFor(model => model.Summary)    @model
IEnumerable<Subtask>      @foreach (var subtask in Model)
<input type="hidden" name="Subtasks[@subtask.Index].Name"
value="@subtask.Name"/>  The point is, when submitting the form,
only the properties of the issue (Issue.Name, e.g.), plus the
hidden fields for the children