将验证摘要MVC3显示为“警报错误”引导 [英] Show ValidationSummary MVC3 as "alert-error" Bootstrap

问题描述

我想显示一个带有alert-errorBootstrap样式的ValidationSummary mcv3。

我使用的是Razor视图， ：

  @ Html.ValidationSummary（true，Errors：）
  pre> 
 
 
它会生成如下的HTML代码：
 < div class =validation-summary-errors> 
< span>错误：< / span> 
< ul> 
< li>错误1< / li> 
< li>错误2< / li> 
< li>错误3< / li> 
< / ul> 
< / div> 
  
我也尝试过：
  @ Html.ValidationSummary（true，Errors：，new {@class =alert alert-error}）
  
它工作正常，但没有关闭按钮（X）
 
 
 
 p> 
 
 
 < div class =validation-summary-errors alert alert-error> 
< span>错误：< / span> 
< ul> 
< li>错误1< / li> 
< li>错误2< / li> 
< li>错误3< / li> 
< / ul> 
< / div> 
  
但Bootstrap警报应该在div中包含此按钮：
 < button type =buttonclass =closedata-dismiss =alert>×< / button> 
  
任何人都可以帮忙？
 
 
 
 
 
 
   This Works！ - 感谢Rick B    
  @if（ViewData.ModelState []！= null& ;& ViewData.ModelState [] .Errors.Count（）> 0）
 {
< div class =alert alert-error> 
< a class =closedata-dismiss =alert>×< / a> 
< h5 class =alert-heading> Ingreso不正确< / h5> 
 @ Html.ValidationSummary（true）
< / div> 
} 
  
 
 
我也不得不删除类.validation-summary-errors 
解决方案
 再次编辑 
 
 
 
我误解了你的问题。我想以下是你想要的：
  @if（ViewData.ModelState []！= null&& ViewData.ModelState []]。Errors.Count> 0）
 {
< div class =alert alert-error> 
< button type =buttonclass =closedata-dismiss =alert>×< / button> 
 @ Html.ValidationSummary（true，Errors：）
< / div> 
} 
  
 
I want to show a ValidationSummary mcv3 with "alert-error" Bootstrap styling.

I'm using a Razor view, and I show model errors with this code:
 @Html.ValidationSummary(true, "Errors: ")
It generates HTML code like this:
<div class="validation-summary-errors">
   <span>Errors:</span>
   <ul>
      <li>Error 1</li>
      <li>Error 2</li>
      <li>Error 3</li>
   </ul>
</div>
I tried with this too:
@Html.ValidationSummary(true, "Errors:", new { @class = "alert alert-error" })   
and it works ok, but without the close button (X)

It generates HTML code like this:
<div class="validation-summary-errors alert alert-error">
   <span>Errors:</span>
   <ul>
      <li>Error 1</li>
      <li>Error 2</li>
      <li>Error 3</li>
   </ul>
</div>
but Bootstrap alert should have this button into the div:
<button type="button" class="close" data-dismiss="alert">×</button>
Can anyone help?



This Works! - Thanks Rick B
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count() > 0) 
{ 
   <div class="alert alert-error"> 
      <a class="close" data-dismiss="alert">×</a> 
      <h5 class="alert-heading">Ingreso Incorrecto</h5> 
      @Html.ValidationSummary(true)
   </div>
} 
I also had to remove the class ".validation-summary-errors" from "site.css", because that style defines other font color and weight.
解决方案
edited again

I misunderstood your question at first.  I think the following is what you want:
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count > 0)
{ 
    <div class="alert alert-error">
        <button type="button" class="close" data-dismiss="alert">×</button>
        @Html.ValidationSummary(true, "Errors: ")
    </div>
}


                        
这篇关于将验证摘要MVC3显示为“警报错误”引导的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！