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

Question

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

Thx

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