4

を使用していくつかの入力があるフォームが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);
    }
}
4

2 に答える 2

5

ValidationMessageForヘルパーによって生成されたマークアップを変更する方法はありません。それをしたい場合は、カスタムヘルパーを作成する必要があります。このヘルパーの署名は次のようになります。

public static MvcHtmlString CustomValidationMessageFor<TModel, TProperty>(
    this HtmlHelper<TModel> htmlHelper, 
    Expression<Func<TModel, TProperty>> expression
)
{
    ...
}

をチェックアウトすることもできsimilar postます。

于 2013-02-27T14:20:57.843 に答える
1

カスタム拡張機能は実際には必要ありません。例えば:

コントローラ:

ModelState.AddModelError("InvalidLogin", "Your credentials are invalid.")

意見:

@Html.ValidationMessageFor
(
  model => model.InvalidLogin, 
  "", 
  htmlAttributes: new { @class = "text-error" }, 
  tag: "div"
)
于 2013-10-16T14:53:33.807 に答える