针对twitter bootstrap按钮组的jQueryvalidation

我正在使用Twitter Bootstrap作为我的UI，我正在尝试在我的webforms上使用jQueryvalidation。 在某些forms上，我使用“btn-group”来提供输入，但我正在努力研究如何在以下HTML上使用jQueryvalidation：

 New Used  

当选择一个按钮时，“活动”类将附加到所选按钮，这将是我正在寻找的“validation”。 我想过使用类似于这样的方法： 基于Class的jQuery自定义validation – 我会搜索任何“SaleTypeToggle”项目，它们也有一个“活动”类，但不知道如何触发这样的事件。

任何帮助表示赞赏，谢谢！

Answer 1

我遇到了同样的问题，虽然你无法validation按钮，但我找到了一个解决方法。

我已经发布了一个JSFiddle的完整示例： http ： //jsfiddle.net/geekman/W38RG/17/

我的解决方案如下：

• 我使用隐藏元素和一些简单的jQuery来设置每次按下按钮时该隐藏字段的值（ 注意：我从divSaleType中删除了所需的属性，因为它没有效果）。

   
   New Used 
     

• 然后我将隐藏字段设置为必需元素。 我还将value属性添加到组中的每个按钮，这是我将隐藏字段的值设置为。

• 最后，我将一个选项传递给jQuery validate插件，告诉它不要忽略隐藏字段（ 这是默认值 ）。 我只是传递一个空数组来做到这一点。

   $('#sales-form').validate({ ignore: [] }); 

对我来说，这足以validation按钮组。 此外，您还可以获得现在具有HTML输入的附加值，该输入在提交时将POST输出到您的Web服务器，您无论如何都必须以按钮组的方式处理。

Answer 2

jQuery Validate插件仅用于validation使用表单输入元素输入的数据。 元素不是数据输入元素……它用于触发操作，因此它不是任何表单validation的一部分。

换句话说，此插件仅validation使用这些元素输入的用户数据…

它们必须包含唯一的name属性，并且必须包含在一组

标记中，以便jQuery Validate插件运行。