0

jQueryValidatorプラグインとラジオボタンに問題があります。3つのラジオボタンのセットがあり"lookingfor"ます...そして、そのうちの少なくとも1つがチェックされていることを確認したいと思います。何をしても、「このフィールドは必須です」というメッセージが表示されます。何か案は？

<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>
4

2 に答える 2

2

radio根本的な問題は、ボタングループのname、、を：lookingfor内に複製したことです。<fieldset>

<fieldset name="lookingfor">

この重複する名前を削除すると、正常に機能します。

デモ：http： //jsfiddle.net/8qbUn/

于 2013-03-11T05:09:29.623 に答える
-1

1つの入力内にチェックを追加して、デフォルトで選択されたラジオボタンになりますか?

于 2013-03-11T05:00:51.130 に答える