jquery - 根据使用 jquery 的下拉选择验证 textarea

Question

我正在使用 JQuery 验证插件 ( http://jqueryvalidation.org ) 来验证 html 表单。我希望仅当下拉菜单选择值为 0 时才需要 textarea 字段。任何帮助都会很棒。提前致谢！

这是表单的样子：

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

Answer 1

使用该depends方法使required规则“依赖”于一组条件。

$(document).ready(function () {

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

});

演示：http: //jsfiddle.net/SSA4Y/