是否有任何客户端验证库使用工具提示来显示验证消息？答案

【问题标题】：Is there any client side validation library that is using tooltips to display validation messages?是否有任何客户端验证库使用工具提示来显示验证消息？
【发布时间】：2011-01-03 10:50:38
【问题描述】：

我需要在我的一个表单中包含客户端验证，而网页设计没有考虑到验证消息的任何空间。

我认为使用验证工具提示以及无效输入控件周围的一些边框可以完成这项工作，但我在查找任何使用工具提示的 javascript 验证时遇到问题。

谁能推荐一个解决方案？最好直接支持 ASP.NET MVC，但这不是严格要求，我准备定制任何 javascript 解决方案以适应 ASP.NET MVC。

我正在使用城堡验证器进行服务器端验证和客户端的 MvcValidation (http://blog.codeville.net/2008/04/30/model-based-client-side-validation-for-aspnet-mvc/) 解决方案，它使用 LiveValidation。这很好用，但需要进行一些自定义以不显示控件旁边的验证消息。

【问题讨论】：

标签： javascript asp.net-mvc validation

【解决方案1】：

jQuery Validation library 是最受欢迎的选择之一。对于您的问题，您可以像这样覆盖 errorPlacement 调用：

$('formName').validate({ 
  errorPlacement: function(error, element) {     
                    element.attr("title",error.html())
                      .addClass("cssClassWithBorder");
                  }
});

您可以在此处阅读完整的选项列表：Validation plugin options

那里有一些工具包，根据您的问题，最适用的工具包是xVal by Steve Sanderson。

请记住，ASP.Net MVC 2 is bringing a lot more to the table 在注释、验证和简化客户端/服务器验证重复代码方面现在已经存在。这是一个基于提供者的模型，应该有很多社区提供者出来，可能会提供更多你想要的东西。

默认实现将主要基于 jQuery Validation 框架（与上面相同）以注释冒泡方式（服务器和客户端代码的类上的相同属性方式）...非常类似于 xVal 的做法它。根据您的时间表和灵活性，等待 MVC 2 可能是一个更好的选择并且工作量更少。

在回答此问题时，MVC 2 RC 是此问题的当前版本。

【讨论】：

感谢您的回答，我一定会看看 jQuery Validation 库。请注意，我在问题中链接的方法使用在一个地方指定的基于模型的验证 - 不会发生客户端与服务器端的验证规则重复。
抱歉，澄清一下，我并不是特别指您的解决方案，但总的来说，在 MVC 客户端和服务器验证方面有很多重复的工作，2.0 版本应该可以帮助解决这个问题有点。

【解决方案2】：

它可能对你的需求来说太重了，但是如果你还没有的话，你可能想看看 extjs.com 和 jquery。

【讨论】：

【解决方案3】：

Dijit 的表单小部件也使用弹出工具提示，并且符合可访问的技术。有关示例，请查看 dijit.form.ValidationTextBox 的文档。

【讨论】：