JQuery 验证 - 隐藏字段

Question

当用户点击缩略图（带有“缩略图”类）时，我有一个隐藏字段会被填充（通过 Jquery）

<input type="hidden" id="DocThumbnail" name="DocThumbnail" value=""/>

和

$(".Thumbnail").click(function() {
    var thumbnailFile = $(this).attr("src");
    $("#DocThumbnail").val(thumbnailFile);
});

我的 jquery 验证设置如下：

$("#AddDocumentForm").validate({
    ignore: [], 
    rules: {
        DocThumbnail : { required : true}
    },
    messages: {
        DocThumbnail: "Please choose a thumbnail"
    }
});

当我单击 AddDocumentForm 上的提交按钮时，错误显示为隐藏字段的值为空，但是当我单击缩略图（具有“缩略图”类）时，隐藏字段被填充但验证警报保持打开状态，因此表单不会提交。

有人知道我如何验证一个 jquery 填充的隐藏字段，就好像我不添加忽略：[];行然后隐藏字段在验证中被忽略

Answer 1

更改DocThumbnail的值后，需要调用Validator.element方法。这告诉 jQuery Validate 重新检查DocThumbnail，这将使错误消息消失。

您更新后的代码如下所示：

var validator = $("#AddDocumentForm").validate({
    ignore: [], 
    rules: {
        DocThumbnail : { required : true}
    },
    messages: {
        DocThumbnail: "Please choose a thumbnail"
    }
});

$(".Thumbnail").click(function() {
    var thumbnailFile = $(this).attr("src");
    $("#DocThumbnail").val(thumbnailFile);
    validator.element($('#DocThumbnail'));
});

您可以在此处查看一个工作示例：http://jsfiddle.net/ryleyb/r0rkfykg/