1

JQuery Validation プラグイン ( http://jqueryvalidation.org ) を使用して HTML フォームを検証しています。ドロップダウン メニューの選択値が 0 の場合にのみ、テキストエリア フィールドが必要になるようにしたいと思います。前もって感謝します！

フォームは次のようになります。

<form name="reviewProduct" id="reviewProduct" method="POST">
    <select id="reaction" name="reaction">
    <option value="1">Yes. I like it.</option>
    <option value="0">No. I don't like it.</option>
    </select>
    <textarea id="explainwhy" name="explainwhy" rows="4"></textarea>
</form>

<script>    
$(document).ready(function () {
$('#reviewProduct').validate({
    rules: {
        explainwhy: {
            required: {
                depends: function () {
                    return $('#reaction').val() == "0";
                }
            }
        }
    }
});
});
</script>
4

1 に答える 1

1

dependsメソッドを使用して、requiredルールを一連の条件に「依存」させます。

$(document).ready(function () {

    $('#reviewProduct').validate({
        rules: {
            explainwhy: {
                required: {
                    depends: function () {
                        return $('#reaction').val() == "0";
                    }
                }
            },
            reaction: {
                required: true
            }
        }
    });

});

デモ: http://jsfiddle.net/SSA4Y/

于 2013-11-12T19:04:55.280 に答える