Perché ValidationSummary (true) mostra un riepilogo vuoto per errori di proprietà?

Question

Ho riscontrato un leggero problema con l'utilizzo di ValidationSummary(true) per visualizzare errori a livello di modello. Se ModelState non contiene errori di modello (ad esempio ModelState.AddModelError("", "Error Description")) ma contiene errori di proprietà (aggiunti utilizzando annotazioni di dati), visualizza il riepilogo di convalida senza alcuna informazione di errore (quando si visualizza l'origine). Il mio css è quindi visualizza un box rosso vuoto in questo modo:

Se non ci sono errori di proprietà, allora viene visualizzato nessun sintesi di convalida. Con ValidationSummary(true) mi aspetterei che visualizzi solo errori di validazione se ci sono errori di modello. Che cosa ho frainteso?

Ho un progetto di base come segue:

Controller:

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

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

Modello:

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

Vista:

@model IndexViewModel 

@Html.ValidationSummary(true) 

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

Answer 1

Penso che ci sia qualcosa di sbagliato con il metodo di supporto ValidationSummary. È possibile creare facilmente un metodo di supporto personalizzato che comprenda l'ValidationSummary integrato.

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; 
} 

Poi dalla visualizzazione,

@Html.CustomValidationSummary(true) 

Answer 2

So che una soluzione è stata trovata, ma ho avuto un problema simile con una soluzione più facile.

È il vostro convalida il rendering riassunto con classe CSS "validazione-sintesi-validi" o "convalida-sintesi-errori"? La prima classe viene applicata con il riepilogo di convalida è vuoto, il secondo viene applicato quando è popolato.

Ho notato che il rendering di un segnaposto viene eseguito se il riepilogo di convalida non contiene errori, in modo che la convalida del lato client possa visualizzarlo se alcuni campi falliscono la convalida.

Nel foglio di stile MVC predefinito "Site.css" semplicemente sopprimono la visualizzazione del riepilogo di convalida vuoto con "display: none;" ad es. .validation-summary-valid {display: none; }

Answer 3

Un altro modo di farlo è quello di verificare se ci sono elementi li, se non solo nascondere validazione-sintesi-errors

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

Answer 4

check this domanda troppo.

Si potrebbe nascondere il sommario con CSS:

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

Inoltre, si potrebbe mettere il riepilogo di convalida prima della Html.BeginForm().

Answer 5

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

Controlla se ci sono errori del modello e restituisce il riepilogo solo quando ce ne sono alcuni.

Answer 6

Un'altra variazione della correzione con le classi bootstrap:

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

E 'gli script di convalida facendo questo.

Modificare le seguenti web.config

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

Dovrebbe essere falsa

Answer 8

ho avuto questo problema sintesi convalida vuota. Ho appena impostato excludePropertyErrors su false e aggiunto gli errori al riepilogo di convalida.

Mi rendo conto che questo non è necessariamente quello che viene chiesto qui - anche se questo risolve il problema sommario di convalida vuoto - ed è un'opzione se si sta avendo questo problema.

Answer 9

@If (ViewContext.ViewData.ModelState.Count> 0)

{

// Il contenuto

}

avrebbe funzionato come fascino.