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

Question

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

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

有人可以推荐一个解决方案吗？最好直接支持ASP.NET MVC，但这不是一个严格的要求，我准备定制任何适合ASP.NET MVC的JavaScript解决方案。

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

Answer 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 是此版本的当前版本。

Answer 2

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

Answer 3

它可能对你的需求来说太沉重了，但你可能想看看extjs.com以及jquery（如果你还没有）。