jQuery 验证组验证

Question

我正在使用 jQuery 验证插件。我有 3 个字段，仅当满足其中之一时才需要验证它们它们不为空，否则根本不验证。

<input type="text" data-validate="{validate:{required:true, 
messages:{required:'Flickr set is required'}}}" id="flickr_set" name="flickr_set">


<input type="text" data-validate="{validate:{required:true, 
messages:{required:'Flickr ID is required'}}}" id="flickr_id" name="flickr_id">

<input type="text" data-validate="{validate:{required:true,
positiveNumber:true, messages:{required:'Photos count is required',
positiveNumber:'Positive number is required'}}}" id="flickr_photos-count" name="flickr_photos-count">

Answer 1

您需要使用dependency-callback验证插件的方法。

这将允许您做的是:

Makes the element required, depending on the result of the given callback.

然后，您可以在 3 个字段上放置一个 required 验证规则，表明该字段仅根据函数回调的返回结果才是必需的；然后，您可以在字段上设置一条规则，规定如果任何字段不为空，则需要此字段返回 true，或者如果所有字段均为空白，则不需要此字段返回 false

因此，如果填写了任何字段，则所有字段都将成为必填字段，如果全部留空，则所有字段都不是必填字段。

rules: {
    flickr_set: {
        required: function(element) {
            return ($("#flickr_set").is(':empty') && $("#flickr_id").is(':empty') && $("#flickr_photos-count").is(':empty') ? false : true);
        }
    },
    flickr_id: {
        required: function(element) {
            return ($("#flickr_set").is(':empty') && $("#flickr_id").is(':empty') && $("#flickr_photos-count").is(':empty') ? false : true);
        }
    },
    flickr_photos-count: {
        required: function(element) {
            return ($("#flickr_set").is(':empty') && $("#flickr_id").is(':empty') && $("#flickr_photos-count").is(':empty') ? false : true);
        }
    }
}