なぜValidationSummary（true）にプロパティエラーの空のサマリーが表示されますか？

Question

ValidationSummary(true)を使用してモデルレベルのエラーを表示する際に、少し問題があります。 ModelStateにモデルエラー（ModelState.AddModelError("", "Error Description")）が含まれていないのにプロパティエラー（データ注釈を使用して追加されたもの）が含まれている場合、エラー情報なしで（ソースを表示すると）検証サマリーが表示されます。その後、何の検証の概要が表示されていない全く性質のエラーがなければ

：私のCSSは、したがって、そのような空の赤いボックスが表示されています。 ValidationSummary(true)では、モデルエラーがある場合にのみ、検証エラーを表示することが期待されます。私は何を誤解していますか？

次のように私は基本的なプロジェクトを持っている：

コントローラー：

public class HomeController : Controller 
{ 
    public ViewResult Index() 
    { 
     return View(); 
    } 

    [HttpPost] 
    public ActionResult Index(IndexViewModel model) 
    { 
     return View(); 
    } 
} 

モデル：

public class IndexViewModel 
{ 
    [Required] 
    public string Name { get; set; } 
} 

ビュー：

を0

@model IndexViewModel 

@Html.ValidationSummary(true) 

@using(@Html.BeginForm()) 
{ 
    @Html.TextBoxFor(m => m.Name) 
    <input type="submit" value="submit" /> 
} 

Answer 1

ValidationSummaryヘルパーメソッドに問題があると思います。組み込みのValidationSummaryをラップするカスタムヘルパーメソッドを簡単に作成できます。

ビューから次に

public static MvcHtmlString CustomValidationSummary(this HtmlHelper htmlHelper, bool excludePropertyErrors) 
{ 
    var htmlString = htmlHelper.ValidationSummary(excludePropertyErrors); 

    if (htmlString != null) 
    { 
    XElement xEl = XElement.Parse(htmlString.ToHtmlString()); 

    var lis = xEl.Element("ul").Elements("li"); 

    if (lis.Count() == 1 && lis.First().Value == "") 
     return null; 
    } 

    return htmlString; 
} 

、

@Html.CustomValidationSummary(true) 

Answer 2

私は回避策が発見されている知っているが、私は簡単に解決策と同様の問題がありました。

は、CSSクラス「検証サマリー-有効」または「検証サマリー・エラー」でレンダリングあなたの検証の概要ですか？最初のクラスが適用され、検証サマリーは空で、2番目のクラスは移入時に適用されます。

検証要約にエラーがない場合、プレースホルダdivがレンダリングされるため、検証に失敗したフィールドがあればクライアント側の検証によって表示されます。

デフォルトのMVCスタイルシート 'Site.css'では、 'display：none;'で空の検証サマリを表示しないようにするだけです。例： .validation-summary-valid {表示：なし; }

Answer 3

それはどんなのli要素がある場合だけ

<script type="text/javascript"> 
    $(document).ready(function() { 
      if ($(".validation-summary-errors li:visible").length === 0) { 
       $(".validation-summary-errors").hide(); 
      } 
    }); 
</script> 

Answer 4

チェックthis質問あまりにも検証サマリー・エラーを非表示にしていない場合は、チェックすることであることのもう一つの方法。

あなたはCSSで要約を隠すことができます：

.validation-summary-valid { display:none; } 

また、あなたはHtml.BeginForm()前に、検証の概要を置くことができます。

Answer 5

@if (ViewContext.ViewData.ModelState.Where(x => x.Key == "").Any()) 
{ 
    @Html.ValidationSummary(true, null, new { @class = "ui-state-error" }) 
} 

これは、モデルのワイドエラーがあるかどうかをチェックし、いくつかのものがある場合にのみそのサマリーをレンダリングします。ブートストラップクラスと

Answer 6

修正の別の変形は次のとおりです。

public static class ValidationSummaryExtensions 
{ 
    public static MvcHtmlString CleanValidationSummary(this HtmlHelper htmlHelper, bool excludePropertyErrors, string message = null) 
    { 
     if(htmlHelper == null) throw new ArgumentNullException("htmlHelper"); 

     MvcHtmlString validationSummary = null; 
     if (htmlHelper.ViewData.ModelState.ContainsKey(string.Empty)) 
     { 
      var htmlAttributes = new { @class = "alert alert-danger" }; 
      validationSummary = htmlHelper.ValidationSummary(excludePropertyErrors, message, htmlAttributes); 
     } 

     return validationSummary; 
    } 
} 

Answer 7

それはこれをやって検証スクリプトです。

を変更し、次のweb.config

<add key="ClientValidationEnabled" value="false" /> 

それは私がこの空の検証の概要問題を抱えていた偽

Answer 8

でなければなりません。 excludePropertyErrorsをfalseに設定するだけで、エラーが検証サマリに追加されました。

これは必ずしもここで尋ねられるものではないことを認識しています。これは空の検証要約の問題を解決しますが、この問題が発生している場合はオプションです。

Answer 9

@If（ViewContext.ViewData.ModelState.Count> 0）

{

//あなたのコンテンツ

}

は魅力のように働くだろう。