jQuery验证表单（如果单击了输入提交并选中了复选框）

Question

我有一个php页面，用户可以在其中发布或保存他的内容。 在提交他的数据之前（使用全局数组POST），仅在选中相应复选框并单击输入#publish时，我才需要进行一些输入（不输入#save）

我的HTML代码

<form id="myForm">
    <input type="checkbox" id="page1" name="selected[]" value="page1" />
    <input type="checkbox" id="page2" name="selected[]" value="page2" />

    <input type="text" id="titlePag1" name="titlePag1" value=""/>
    <input type="text" id="textPag1" name="textPag1" value=""/>

    <input type="text" id="titlePag2" name="titlePag2" value=""/>
    <input type="text" id="textPag2" name="textPag2" value=""/>

    <input type="submit" id="save" name="save" value="Save">
    <input type="submit" id="publish" name="publish" value="publish">
</form>

例如：如果选中了＃page2复选框，然后单击#publish，则需要＃titlePag2和＃textPage2。 否则它们不是必需的。

我正在使用jquery验证表单，提交（#publish）的解决方案可能是：

jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$('#myForm').validate({
rules: {
    titlePag1: {
        required: function(element) {
            return $("#publish").val() != "";
        }
    },

    textPag1: {
        required: function(element) {
            return $("#publish").val() != "";
        }
    }
}
});

如何为选中的复选框设置其他规则？

Answer 1

checkBox: {
    required: function(element) {
        return $("#checkbox").attr("checked");
    }
}