ASP.NET MVC 数据注释工具提示

Question

当表单验证失败时，我被要求显示工具提示而不是纯文本。我们当前使用 asp.net MVC 3 数据注释验证器来显示验证错误消息。我对 MVC 还很陌生，我花了几个小时在网上寻找一个干净的解决方案。如果有人能指出我正确的方向，我一定会很感激。

谢谢

Answer 1

您可以指定要应用于控件的 html 属性。这是使用创建控件的 HtmlHelper 方法的第二个参数来完成的。例如，在 MVC 3 中，如果您想要一个带有工具提示的文本框，当您将鼠标悬停在该文本框上时，会出现该工具提示，请使用像这样的 html title 属性。

@Html.TextBoxFor(model => model.Name, new { @class = "form", @title= "Your name as you would like it to appear in the notification email" })

---

要在服务器端代码中使用控制器中的值，您可以使用 ViewBag（或 MVC2 中的 ViewData）。所以代码看起来像这样：

[HttpPost]
public void Form(Model m)
{
    if(m.Name.Length==0)
        ViewBag.NameError = "Please enter your name";
}

视图代码看起来像这样

@Html.TextBoxFor(model => model.Name, new { @class = "form", @title= (ViewBag.NameError==null?string.empty:(string)ViewBag.NameError)})

Answer 2

您已经完成了大部分工作，因为页面上已经显示了验证错误。您需要了解的是如何使用一些客户端脚本（javascript）才能将它们呈现为浏览器中的工具提示。

看看以下 JQuery 插件，它们可能正是您所需要的：
http://jquery.bassistance.de/tooltip/demo/

• http://jquery.bassistance.de/tooltip/demo/
• http://plugins.jquery.com/project/jquerytooltip