2011-12-14 109 views
0

我喜欢MVC3中的默认验证消息,但现在我正在移动到一些更大的窗体元素需要更紧密地坐在一起。这会导致产生的默认验证消息出现问题。它们或者包装,导致消息的一半出现在表单元素下,或者完全破坏我的表单布局。样式MVC3验证消息

有没有人有一个很好的解决这个问题?

将验证消息设置为'tooltip'帮助您认为?很想听听你的建议和解决方案。

问候保罗

+0

我想我们需要看到更多关于您的布局的信息来回答这个问题。有很多方法可以设置验证消息的样式。然而,包装是一种正常的行为。你有你的验证内嵌与表单元素?你有没有考虑给他们自己的列空间,在表单元素的右侧? – danludwig 2011-12-14 20:48:23

回答

1

默认验证消息是SPAN。如果您想使用其他元素(例如IMG),则需要创建自定义验证消息扩展。查看MVC中的ValidationMessageHelper方法,以了解如何构建默认SPAN。我想你可以重复使用像data-valmsg-for这样的自定义属性。另外,您需要修改jquery.validate.unobtrusive.js,假设您使用不显眼的ajax验证。

1

这一切都取决于您的布局。您可以将ValidationMessage放在您想要的任何位置,并以任何您想要的方式进行设置。只需查看输出HTML并找出如何布置消息的方式即可。