我的问题:
我无法让数据注释客户端验证与我的视图数据类中的列表一起使用。
瘦子:
在我的视图数据类中,我有一个列表。
public class FriendsViewData
{
public List<Person> people { get; set; }
}
我拥有使用数据注释所需的 Person 类的所有属性。
public class Person
{
[Required(ErrorMessage="First Name is required")]
public string FirstName { get; set; }
}
在视图中,我像这样循环列表:...
<script src="/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
<% Html.EnableClientValidation(); %>
<% using (Html.BeginForm()) {%>
<%
for(int i=0; i < Model.people.Count; i++)
{%>
<div>
<%= Html.TextBox(string.Format("people[{0}].FirstName",i), Model.people[i].FirstName)%>
<%= Html.ValidationMessage(string.Format("people[{0}].FirstName", i))%>
</div>
<% } %>
<input type="submit" value="Submit" />
<% } %>
生成的 HTML:
<div>
<input id="people_0__FirstName" name="people[0].FirstName" type="text" value="Name0" />
<span class="field-validation-valid" id="form0_people_0__FirstName_validationMessage"></span>
</div>
<div>
<input id="people_1__FirstName" name="people[1].FirstName" type="text" value="Name1" />
<span class="field-validation-valid" id="form0_people_1__FirstName_validationMessage"></span>
</div>
<div>
<input id="people_2__FirstName" name="people[2].FirstName" type="text" value="Name2" />
<span class="field-validation-valid" id="form0_people_2__FirstName_validationMessage"></span>
</div>
结果:
根本没有工作。
我尝试过的其他事情:
尝试在视图中使用这些 HTML Helper 方法:
<div>
<%= Html.TextBoxFor(model => model.people[i].FirstName) %>
<%= Html.ValidationMessageFor(model => model.people[i].FirstName) %>
</div>
生成的输出:
<div>
<input id="FirstName" name="FirstName" type="text" value="Name0" />
<span class="field-validation-valid" id="form0_FirstName_validationMessage"></span>
</div>
<div>
<input id="FirstName" name="FirstName" type="text" value="Name1" />
<span class="field-validation-valid" id="form0_FirstName_validationMessage"></span>
</div>
<div>
<input id="FirstName" name="FirstName" type="text" value="Name2" />
<span class="field-validation-valid" id="form0_FirstName_validationMessage"></span>
</div>
结果:
有趣的是,当我在第一个文本框上触发验证时,它会同时为所有文本框触发。其余的文本框根本不会触发验证。
请注意,所有为文本框生成的 id 和名称及其对应的错误文本 span 元素都是相同的。
有谁知道如何在视图数据中使用带有列表的客户端验证,支持 ModelBinding?
谢谢!