样式化MVC3验证消息

Question

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

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

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

关心保罗

Answer 1

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

Answer 2

默认验证邮件是SPAN。如果要使用其他元素（例如IMG），则需要创建自定义验证消息扩展。查看MVC中的ValidationMessageHelper方法，了解默认SPAN的构建方式。我认为您可以重复使用data-valmsg-for等自定义属性。此外，您需要修改 jquery.validate.unobtrusive.js ，假设您使用的是不引人注目的ajax验证。