将jQueryvalidation规则添加到单选按钮组

我正在使用jQuery Validation Plugin ，我希望能够动态添加和删除3个单选按钮组的validation。

我可以使用下面的示例代码从文本字段输入中动态添加和删除validation：

 $(document).ready(function(){ //Add Requird Validation $("#inputTextField").rules("add", "required"); //Remove Required Validation $("#inputTextField").rules("remove", "required"); });  

用单选按钮可以做同样的事情吗？

Answer 1

您发布的代码将正常运行。 但是， rules('add')必须在 .validate()并且每个input必须包含name属性，即使您没有按name定位。

HTML ：

jQuery ：

 $(document).ready(function() { $('#myform').validate({ // other options & rules }); // must come afer validate() $("#inputTextField").rules("add", { required: true }); }); 

演示： http ： //jsfiddle.net/fnKWD/

用单选按钮可以做同样的事情吗？

当然，只需按名称或任何其他有效的jQuery选择器来定位它们。

 $('input[name="myname"]') 

HTML ：

演示 ： http ： //jsfiddle.net/LkJZw/

Answer 2

您可以考虑将所需方法与依赖表达式一起使用 。 您可以在此处指定所需的规则

 rules: { details: { required: "#other:checked" } } 

这有时很有用，因为您不必添加或删除规则来对元素进行条件validation。 试试jsfiddle的例子