3

そのため、jQuery Validation Plugin を使用しているときに少し問題が発生しました。ユーザーが誕生日を入力できるように、3 つの選択タグが隣り合っています。3 つの選択タグに対して 1 つの検証メッセージを表示するにはどうすればよいですか? カスタムルールを作成できると聞いたことがありますか?

これが HTML で、jsfiddle を含めました。

<form id="commentForm" action="" method="post">
<p>
    <label for="month">Birthday:</label>
    <select name="month" class="required select">
        <option value="">Month</option>
        <option>Jan</option>
        <option>Feb</option>
    </select>
    <select name="day" class="required select">
        <option value="">Day</option>
        <option>01</option>
        <option>02</option>
    </select>
    <select name="year" class="required select">
        <option value="">Year</option>
        <option>1990</option>
        <option>1991</option>
    </select>
</p>
<input type="submit" value="Sign Up" class="button">
</form>​

これは現在進行中の例です。

前もって感謝します。

4

1 に答える 1

4

このオプションを使用しgroupてフィールドをグループ化すると、グループに対して1つのエラーメッセージが表示されます。errorPlacement次に、オプションを使用して、その1つのエラーメッセージを目的の場所に配置できます。

$("#commentForm").validate({
    groups: {
        birthday: "month day year"
    },
    errorPlacement: function(error, element) {
        var name = element.prop("name");
        if (name === "month" || name === "day" || name === "year") {
            error.insertAfter("select[name='year']");
        } else {
            error.insertAfter(element);
        }
    }
});

例： http： //jsfiddle.net/atLV4/3/

于 2012-12-17T20:40:44.017 に答える