javascript - 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);
        }
    });
});