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

我使用的是jQuery Validation Plugin，我希望能够动态添加和删除3个单选按钮组的验证。将jQuery验证规则添加到单选按钮组

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

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

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

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

    }); 
</script>

是否有可能做单选按钮一样吗？

来源

2013-02-18 AlGallaf

您是否尝试添加规则并对其进行测试？ – 2013-02-18 21:31:55

我该如何添加它？我无法像使用文本字段一样使用元素ID。 – AlGallaf 2013-02-18 21:38:24

您在技术上可以使用一个ID，前提是您的每个无线电输入都有唯一的ID。我相信在一个单选按钮组上添加一个必需的状态，您只需将它添加到其中一个状态即可。试试看，如果它不起作用，请修改您的问题，详细说明您尝试的内容以及您的表单的外观。 – 2013-02-18 21:43:15

您发布的代码将正常工作。但是，必须在.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/

Is it possible to do the same with radio buttons?

考尔中se，只需按名称或其他任何其他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/

来源

2013-02-18 22:05:05 Sparky

我将相同的概念应用于单选按钮组，但最终出现以下错误：未捕获的TypeError：无法读取未定义的属性“设置” – AlGallaf 2013-02-18 22:09:23

@ looi76，我看不到您的代码，因此我不知道您的“重新做错了，但它在这里工作：http://jsfiddle.net/LkJZw/ – Sparky 2013-02-18 22:15:41

@ looi76，请参阅我编辑使用'无线电'按钮的工作演示。 – Sparky 2013-02-18 23:11:42

您可以考虑使用的required method with a dependency expression。这是你指定一个像

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

所需的规则有时这可能是有用的，因为你没有添加或删除规则来实现你的要素条件验证。 Try an example on jsfiddle

来源

2013-02-19 14:31:47

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

回答

相关问题