5

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

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

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

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

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

    });
</script>

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

4

2 回答 2

3

您发布的代码可以正常工作。但是，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/

于 2013-02-18T22:05:05.163 回答
0

您可以考虑将required 方法与依赖表达式一起使用。这是您指定所需规则的地方，例如

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

这有时很有用，因为您不必添加或删除规则来实现对元素的条件验证。 在 jsfiddle 上尝试一个示例

于 2013-02-19T14:31:47.063 回答