javascript - jQuery 验证 - 仅指定 errorPlacement

Question

我很难让错误放置发挥作用。我的页面上有一系列表单，每个表单都使用内置的验证类——required、number 等——但由于某种原因，错误放置不起作用。完全没有。

表单验证的其余部分工作正常，但我没有显示警报。

$(".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

看起来问题在于，如果您对具有多种形式的结果集调用验证，jQuery 验证就会失去理智。解决方法很简单

$(".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);
        }
    });
});