样式化 MVC3 验证消息答案

【问题标题】：Styling MVC3 Validation Messages样式化 MVC3 验证消息
【发布时间】：2012-01-20 15:09:46
【问题描述】：

我喜欢 MVC3 中的默认验证消息，但现在我正在转向一些更大的表单，表单元素需要更紧密地结合在一起。这会导致生成的默认验证消息出现问题。它们要么换行，导致一半的消息出现在表单元素下，要么完全破坏我的表单布局。

有没有人能很好的解决这个问题？

您认为将验证消息设置为“工具提示”会有所帮助吗？很想听听您的建议和解决方案。

问候保罗

【问题讨论】：

我认为我们需要查看有关您的布局的更多信息才能回答这个问题。有很多方法可以设置验证消息的样式。但是，换行是正常行为。您的验证是否与表单元素内联？您是否考虑过在表单元素的右侧给它们自己的列空间？

标签： asp.net-mvc asp.net-mvc-3 validation jquery-validate

【解决方案1】：

默认验证消息是SPAN。如果您想使用不同的元素（例如IMG），则需要创建自定义验证消息扩展。查看 MVC 中的 ValidationMessageHelper 方法，了解如何构建默认的 SPAN。我认为您可以重用 data-valmsg-for 之类的自定义属性。此外，您需要修改 jquery.validate.unobtrusive.js 假设您使用的是不显眼的 ajax 验证。

【讨论】：

【解决方案2】：

这完全取决于您的布局。您可以将 ValidationMessage 放在您想要的任何位置，并以您想要的任何方式设置它的样式。只需查看输出的 HTML 并弄清楚如何按照您的意愿布置消息。

【讨论】：