Question

我正在使用jQuery Validation Plugin，我希望能够动态添加和删除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/

是否可以使用单选按钮进行相同操作？

当然，只需按名称或任何其他valid jQuery selector定位它们。

$('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/

Answer 2

您可以考虑使用required method with a dependency expression。您可以在此处指定所需的规则，例如

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

这有时非常有用，因为您不必添加或删除规则来对元素进行条件验证。 Try an example on jsfiddle

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

2 个答案: