私のビューでは、html テーブル全体を編集可能にしています。テーブルの各フィールドには検証があります。ここにいくつかのサンプルコードがあります...
<tbody>
foreach (Item item in Model.Items)
{
<tr>
<td>
@Html.TextBoxFor(x => em.Value)
@Html.ValidationMessageFor(x => em.Value)
</td>
</tr>
}
</tbody>
これにより、ブラウザで 2 つの問題が発生しています。
1) すべてのコントロールの name 属性が同じであるため、1 つのフィールドが無効な場合、同じ名前のすべてのフィールドにエラー メッセージが表示されます。
2)おそらく名前にも関連しています。フォームを検証するときに、最初の行のコントロールが無効な場合、フォームは無効です。ただし、他のすべての行のコントロールは、(エラー メッセージが表示されても) フォームを無効にしません。
if (!$(form).valid()) {
return false;
}
どんな考えでも役に立ちます。
更新: ソリューション
bobek の提案に従って、TextBoxInLoopFor と ValidationMessageInLoop のカスタム拡張機能を作成しました。以下は解決策です:
public static MvcHtmlString TextBoxInLoopFor<TModel, IItem, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, IItem item, object htmlAttributes)
{
var model = item as IInLoopForModel;
if (model == null)
return MvcHtmlString.Empty;
var metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData);
var fieldName = ExpressionHelper.GetExpressionText(expression);
var name = model.Name + fieldName;
var tag = new TagBuilder("input");
tag.MergeAttributes(new RouteValueDictionary(htmlAttributes));
tag.Attributes.Add("id", name);
tag.Attributes.Add("for", name);
tag.Attributes.Add("name", name);
tag.Attributes.Add("value", metadata.Model.ToString());
// Add the validation attributes
ModelState modelState;
if (html.ViewData.ModelState.TryGetValue(name, out modelState))
{
if (modelState.Errors.Count > 0)
tag.AddCssClass(HtmlHelper.ValidationInputCssClassName);
}
tag.MergeAttributes(html.GetUnobtrusiveValidationAttributes(name, metadata));
return MvcHtmlString.Create(tag.ToString(TagRenderMode.Normal));
}
public static MvcHtmlString ValidationMessageInLoopFor<TModel, IItem, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, IItem item)
{
var model = item as IInLoopForModel;
if (model == null)
return MvcHtmlString.Empty;
var fieldName = ExpressionHelper.GetExpressionText(expression);
var name = model.Name + fieldName;
var tag = new TagBuilder("span");
tag.Attributes.Add("class", "field-validation-valid");
tag.Attributes.Add("data-valmsg-replace", "true");
tag.Attributes.Add("data-valmsg-for", name);
return MvcHtmlString.Create(tag.ToString(TagRenderMode.Normal));
}