javascript - :blank selector not working on checkbox jQuery Validate()

Question

您好，我当前有 2 个字段，需要检查其中 1 个字段，这些字段最初使用 2 个文本类型输入，现在需要将其中 1 个从文本输入更改为复选框。

逻辑:如果文本框有值，则不需要复选框， 如果勾选了复选框，则不需要文本框。

我最初使用 :blank 选择器来确定验证并且它正在工作，将其更改为复选框并且它损坏了，是否有我在验证中缺少的复选框的不同规则() 文档？

我使用以下版本:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/additional-methods.js"></script>

jQuery:

        //text 1
        'textbox': {
            required: "#certificate:blank",
            minlength: 8
        },

        //checkbox 1
        certificate: {
            required: "#textbox:blank"
        },

HTML:

<input type="text" maxlength="9" class=" form-textbox" id="textbox" name="textbox">
<input type="checkbox" class=" form-checkbox" id="certificate" name="certificate">

Answer 1

您需要更新您的代码

certificate: {
    required: "#textbox:blank"
},

至

// for checked
certificate: {
    required: "#textbox:checked"
},

// for unchecked
certificate: {
    required: function(element) {
        return !$("#textbox").is(":checked")
    }
},

仅供引用 - http://jqueryvalidation.org/category/methods/#example:-makes-details-required-only-if-#other-is-checked