jQuery validate - 仅指定errorPlacement

Question

我无法让错误放置工作。我的页面上有一系列表单，每个表单都使用内置的验证类 - 必需，数字等 - 但由于某种原因，错误放置不起作用。完全没有。

表单验证的其余部分效果很好，但我没有收到警报显示。

$(".bundle-forms-form-container form").validate({
    errorPlacement: function(error, element) {
        alert("X");
        var customTarget = $(element).closest("form").find(".errorHere");
        if (true || customTarget.length)
            customTarget.html(error);
        //else
            error.insertAfter(element);
    }
});

Answer 1

看起来问题是如果在具有多个表单的结果集上调用validate，jQuery validate会失去理智。解决方案很简单

$(".bundle-forms-form-container form").each(function(i, el){
    $(el).validate({
        errorPlacement: function(error, element) {
            var customTarget = $(element).closest("form").find(".errorHere");
            if (customTarget.length)
                customTarget.empty().append(error);
            else
                error.insertAfter(element);
        }
    });
});