【问题标题】:ASP.NET MVC: input-validation-valid applied style not workingASP.NET MVC:输入验证有效的应用样式不起作用
【发布时间】:2017-03-02 03:34:30
【问题描述】:

我发现了这个article,我知道它适用于网页,而不适用于 MVC。我的问题或问题如下。如果用户为文本框提供了正确的输入,我想将其背景颜色更改为绿色,我用红色来表示错误,这是可行的。但是本文中显示的示例在我的应用程序中似乎不起作用,并且我没有找到另一个使它起作用的示例。所以这是我尝试应用的 CSS 样式:

ErrorAndValidationHighlighting.css:

 .input-validation-error {background-color: #ffb3b3;}
 .input-validation-valid {background-color: #6BEF66;}

我认为的文本框都是这样的:

@Html.TextBoxFor(m => m.AdditionalComment)

正如我上面所说,它适用于应有的错误,背景颜色变为红色并显示,但对于有效输入,它目前不起作用,所以也许你们看到我在做什么错误或什么缺少使这项工作。提前致谢。

【问题讨论】:

  • @StephenMuecke 编辑:请发布你所做的代码:)
  • @M.Arendsen - OP 已发布代码 - .css
  • 我认为您需要使用 @Html.ValidationMessageFor() 来验证您的验证错误 - 然后 MVC 将完成剩下的工作。此外,在您所显示的 ViewModel 中,您应该设置一些属性来补充 MVC 验证
  • 有点不清楚您正在使用什么其他 HTML(如果您使用了我之前建议的 ValidationMessageFor() 帮助程序)。如果您可以发布更多代码,那将很有用。这是一个关于 MVC 验证的精彩教程:asp.net/mvc/overview/older-versions/…
  • 它们没有应用于输入的class="input-validation-valid"。它的class="valid"

标签: html css asp.net asp.net-mvc validation


【解决方案1】:

请应用此代码并检查结果

@Html.TextBoxFor(m => m.AdditionalComment,new  {@class="input-validation-valid"})

【讨论】:

  • 嗨,我试过你的例子,它有效。现在我有点困惑,因为@Stephen Muecke 上面说过没有像 input-validation-valid 这样的类。
  • 编辑:此时我必须纠正自己,您的解决方案不起作用,因为如果验证失败,背景颜色将保持绿色而不是变为红色。所以@Stephen Muecke 是对的,它只是有效的,并且适用于此。
猜你喜欢
  • 2022-06-16
  • 2013-04-24
  • 1970-01-01
  • 1970-01-01
  • 2013-01-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-09-14
相关资源
最近更新 更多