jQuery验证隐藏字段[重复]

Question

当通过 Jquery Validator 提交表单时，我正在尝试验证元素的计数。原因是我们希望至少存在一张图片，但我们不直接上传它们，而是先显示预览。所以我需要以某种方式计算它们并验证至少存在一个。

我尝试使用隐藏字段as described here，但它根本不起作用。测试字段验证但由于某种原因我自己的规则甚至没有被触发。我的实现有什么问题？

隐藏字段技巧不再起作用，它似乎不再验证隐藏输入。

<form method="post" accept-charset="utf-8" id="submit-work-form" role="form" action="/" novalidate="novalidate">
<div class="form-group">
  <input type="text" required="true" name="title"/>
    <input type="hidden" name="image_count" required="required" data-rule-validcmsimagecount="true" aria-required="true">
  <div class="photos">
    <!-- containers go here -->
    </div>
</div>
<div class="submit"><input type="submit" class="btn btn-black btn-default" value="Submit"></div>
</form>

JS：

$.validator.addMethod("validcmsimagecount", function(value, element) {
  alert('Doesn\'t work');
        return $('.photo-container').length > 0;
    }, "You must add at least one image.");

    $('#submit-work-form').validate({
        submitHandler: function (form) {
            form.submit();
        }
    });

你也可以试试Jsfiddle。

Answer 1

这可能是 this post 的副本，但由于我更新了你的小提琴来修复它，我想我会发布作为答案。看起来您需要启用隐藏字段的验证并从隐藏字段中删除 required 属性。完成后，验证将运行，查看更新后的 fiddle here ，主要变化是添加了 ignore 属性：

$('#submit-work-form').validate({
       ignore: [],
            submitHandler: function (form) {
                form.submit();
            }
        });

Answer 2

Jquery 验证默认忽略隐藏字段，您可以通过设置忽略选项来强制验证隐藏字段，如下所示

$('#myform').validate({
        ignore: [],
        // any other options and/or rules
    });

jQuery Validate - Enable validation for hidden fields

这是针对您的问题的修改示例 https://jsfiddle.net/9hoa1mrd/3/