を使用していくつかの入力があるフォームがHtml.TextBoxFor
あり、各入力には属性ValidationMessageFor
からエラーメッセージを取得するがあります。ViewModel
この例では、入力が1つしかないふりをします。
@Html.TextBoxFor(x => x.Code)
@Html.ValidationMessageFor(x => x.Code)
モデルエラーが発生すると、バリデーターは次のような2、3のスパン内にエラーメッセージを表示します。
<input type="text" value="" name="Code" id="Code" data-val-required="Personalised code is required" data-val="true" class="input-validation-error">
<span data-valmsg-replace="true" data-valmsg-for="Code" class="field-validation-error">
<span for="Code" generated="true" class="">Personalised code is required</span>
</span>
このエラーメッセージをカスタマイズするにはどうすればよいですか?
たとえば、外側のスパンをdivに変更し、divとspanの両方のクラスを指定しますか?
<div class="myOuterSpan" data-valmsg-replace="true" data-valmsg-for="Code" class="field-validation-error">
<span class="myInnerSpan" for="Code" generated="true" class="">Personalised code is required</span>
</div>
または、スパンが1つだけですか?
<span class="errorWrapper" for="Code" generated="true">Code is required</span>
または、ロット全体をdivでラップしますか?
<div class="myOuterDiv">
<span data-valmsg-replace="true" data-valmsg-for="Code" class="field-validation-error">
<span for="Code" generated="true" class="">Personalised code is required</span>
</span>
</div>
あなたはアイデアを得る...
ソリューション
私は自分のソリューションをDarinの回答に基づいて作成し、当初作成しようとしていたcustomValidationMessageFORではなく、CustomValidationMessageを作成しました。
コントローラ
ModelState.AddModelError("Code", "Invalid Code");
見る
@Html.CustomValidationMessage("Code")
拡大
public static class Extensions
{
public static MvcHtmlString CustomValidationMessage(this HtmlHelper htmlHelper, string modelName)
{
var modelState = htmlHelper.ViewData.ModelState[modelName];
var modelErrors = modelState == null ? null : modelState.Errors;
var modelError = ((modelErrors == null) || (modelErrors.Count == 0))
? null
: modelErrors.FirstOrDefault(e => !string.IsNullOrEmpty(e.ErrorMessage)) ?? modelErrors[0];
if (modelError != null)
{
return MvcHtmlString.Create("<span class='validation_wrapper customValidation'><span>" + modelError.ErrorMessage +"</span></span>");
}
return new MvcHtmlString(string.Empty);
}
}