【问题标题】:Html.ValidationMessageFor Text ColorHtml.ValidationMessageFor 文本颜色
【发布时间】:2012-01-16 07:54:07
【问题描述】:

可能是一个简单的问题,但我似乎找不到答案。

使用 MVC 2 我有一系列 Html.ValidationFor 控件。我想为文本分配一个 CSS 类,但似乎做不到。

<%= Html.TextBoxFor(Model => Model.Chest, new { @class = "textBoxMeasure" })%>
<%= Html.ValidationMessageFor(Model => Model.Chest) %>

如果我尝试与 textboxfor 相同的方法,我会因为它需要一个字符串而出错,当我将一个字符串放入其中时仍然无法正常工作!

谢谢

【问题讨论】:

    标签: c# css asp.net-mvc validation


    【解决方案1】:

    我在接受的答案中添加了评论,但我无法对其进行格式化以便更好地查看。所以,这是我接受的回复中已经格式化的评论。

    我有类似的情况,我使用了接受答案的解决方案。但我想使用模型注释中的消息。我试过这个:

    @Html.ValidationMessageFor(Model =&gt; Model.Chest, null, new { @class = "text-danger" });

    它对我很有效。我将 MVC4 与引导程序一起使用。

    【讨论】:

    • 这个对我有用,可能在新版本中有所改变。
    【解决方案2】:

    有一个变种,它以 htmlAttributes 作为第三个参数(第二个是应该显示的消息,或者您可以使用 null 作为默认验证消息)

    Html.ValidationMessageFor(
            Model => Model.Chest, 
            "Please enter a value", 
            new { @class = "redText" })
    

    欲了解更多信息,请参阅http://msdn.microsoft.com/en-us/library/ee721293%28v=vs.98%29.aspx

    【讨论】:

    • 有点改动的版本对我来说适用于带有引导程序的 MVC4。 @Html.ValidationMessageFor(Model => Model.Chest, null, new { @class= "text-danger" })
    • 如果我想保留默认消息而不是“请输入值”怎么办?
    【解决方案3】:

    使用分配给保存消息的 span 标签的类。如果该字段有效,则该类为字段验证有效。如果有错误,它的字段验证错误。

    我用

        .field-validation-error {
            color:Red;
        }
    

    【讨论】:

    • 比其他答案好得多,但两者都很有用。
    • 最佳解决方案:在所有表单中保持一致,并避免在每个字段中重复。
    • @TraderhutGames 我不会说它比公认的解决方案更好;当您需要协调不同的颜色时,可接受的解决方案也会派上用场,因为背景较暗,反之亦然。这两种解决方案都非常有用。
    【解决方案4】:

    将@Html.ValidationMessageFor 放入div 标签并将css 应用于div 标签的最简单方法

        <div style="font-size:15px !important;">
                 @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
        </div>
    

    【讨论】:

      【解决方案5】:

      这样颜色范围会更宽。

      @Html.ValidationMessageFor(x => x.WriterName, "", new { @style = "color:red" })
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2013-09-23
        • 1970-01-01
        • 1970-01-01
        • 2018-10-12
        • 2018-12-25
        • 2016-02-28
        • 2018-11-12
        相关资源
        最近更新 更多