该项目是MVC 3,具有Razor视图和JQuery不显眼的验证。我们的网页设置了文本框上方的标签,验证消息属于文本框。通常文本框大约150px宽,因此验证消息往往相当狭窄和高。它看起来不太好。
我更愿意使用Html.ValidationMessageFor助手将所有消息放在页面顶部,最好是在项目符号列表中。我还没有找到一种方法来“关闭”文本框旁边的消息的显示,尽管我可以使用验证摘要来捕获提交时的属性错误。
许多验证都发生在弹出窗口中,我们正在使用Telerik进行弹出窗口。
如果可能的话,我宁愿避免编辑开源的js文件。
答案 0 :(得分:4)
删除视图中的Html.ValidationMessageFor()
项=>这将禁用文本框旁边显示的消息。
接下来,在您希望显示项目符号列表的位置添加Html.ValidationSummary(false, "Your Message")
(必须在using(html.BeginForm()
调用内)。此Html Helper中的false是一个重载,指示摘要不排除属性错误。对于样式,您需要做一些CSS工作。
答案 1 :(得分:1)
您可能希望查看使用<%: Html.ValidationSummary(true) %>
标记。这创造了你正在寻找的东西。