Question

我遇到了jQuery Validator插件的问题＆amp;单选按钮。我有一组三个"lookingfor"单选按钮......我想确保其中至少有一个被选中。虽然不管我做什么，我仍然会收到消息“此字段是必需的”。有什么想法吗？

<html>
<body>
<form action="#" id="signupform" method="post">
        <label for="lookingfor" class="error"></label>
        <fieldset name="lookingfor">
            <input type="radio" name="lookingfor" value="female"/>
                <label for="female"><div class="sprite female" ></div></label>
            <input type="radio" name="lookingfor" value="male" />
                <label for="male"><div class="sprite male"></div></label>
            <input type="radio" name="lookingfor" value="other" />
                <label for="other"><div class="sprite other"></div></label> 
        </fieldset>
        <input type="submit" id="submit" value="" />
    </form>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js" type="text/javascript"></script>
<script>
    jQuery(document).ready(function() {
        jQuery("#signupform").validate({
            rules: {
                lookingfor:{ required: true }
            }
        });
        });
        </script>
        </body>
</html>

Answer 1

根本问题是您在radio内复制了name按钮组的lookingfor，<fieldset>：

<fieldset name="lookingfor">

删除此重复名称，它可以正常工作。

DEMO：http://jsfiddle.net/8qbUn/

Answer 2

在一个输入中添加选中，这样它将成为默认选择的单选按钮？

jQuery Validator插件和单选按钮问题

2 个答案: