从 MVC4 中的 @Html.ValidationSummary() 中删除项目符号答案

【问题标题】：Remove Bullets from @Html.ValidationSummary() in MVC4从 MVC4 中的 @Html.ValidationSummary() 中删除项目符号
【发布时间】：2023-03-03 05:03:22
【问题描述】：

如何在 MVC4 中从 @Html.ValidationSummary() 中删除删除项目符号。有什么建议吗？

<span class="help-block" style="list-style-type: none;"> 
    @Html.ValidationSummary() 
</span>

【问题讨论】：

我已经这样做了： @Html.ValidationSummary() 但它不起作用.

标签： jquery asp.net-mvc asp.net-mvc-4

【解决方案1】：

鉴于您的评论这样描述您的代码：

<span class="help-block">
    @Html.ValidationSummary() 
</span>

您可以在ValidationSummary 生成的ul 元素上将CSS 属性list-style-type 设置为none。试试这个：

.help-block ul {
    list-style-type: none;
}

【讨论】：

【解决方案2】：

.validation-summary-errors ul { 
    list-style: none;
    margin-left:-40px
}

【讨论】：

谢谢！但是不要使用margin-left: -40px，只需使用padding-left: 0;

【解决方案3】：

去掉页面顶部的@Html.ValidationSummary()！

因为它会自动生成<ul>,<li>标签。

在我的情况下，我有一个名为“WebSite”的输入字段，我收到这样的错误（在浏览器上按 F12 查看 html 代码）：

<ul>
       <li>The Website field is not a valid fully-qualified http, https, or ftp URL.</li>
<ul/>

Solution=> 从 cshtml 中删除 @Html.ValidationSummary() 并将错误放在输入元素之后。就我而言：

<input type="text" name="Website" value="@Model.Website" />

（此处的错误字段）=> <span asp-validation-for="Website" style="color:red"></span>

问候

【讨论】：