将 jQuery 验证规则添加到单选按钮组

Question

我正在使用jQuery 验证插件，我希望能够从 3 个单选按钮组中动态添加和删除验证。

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

<script type="text/javascript">
    $(document).ready(function(){   

        //Add Requird Validation
        $("#inputTextField").rules("add", "required");

        //Remove Required Validation
        $("#inputTextField").rules("remove", "required");

    });
</script>

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

Answer 1

您发布的代码将正常工作。但是，rules('add')必须位于后面 .validate()，并且每个属性都input必须包含一个name属性，即使您不按 定位name。

HTML：

<form id="myform">  
     <input type="text" name="field" id="inputTextField" /> <br/> 
</form> 

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：

<input type="radio" name="myname" value="0" />
<input type="radio" name="myname" value="2" />
<input type="radio" name="myname" value="5" />

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