使用 jquery 验证插件时错误消息出现在错误的位置

我正在尝试在一个页面中使用 Laravel、bootstrap 和 jquery，遗憾的是我对它们都是新手。我遇到的问题是使用 jquery Validation 插件时错误消息显示在错误的位置，在下图中，错误位置的消息突出显示。正如您所看到的，每个无线电都包含在一个 label 标签中，这是 Bootstrap CSS 中必需的。我试图找出消息插入到哪个元素之后，但失败了。谁能告诉我应该更改代码的哪一部分以在所有无线电之后移动错误消息以及如何更改？

我似乎总是有同样的问题。你可以用以下方法解决它errorPlacement范围。

$('form').validate({

    errorPlacement: function(error, element) {

        // Get inputs with this name
        var obj = $('[name="'+element.attr('name')+'"]');

        // Are there multiple?
        if (obj.length > 1) {
            // Add error after whatever the parent element is of the last one
            error.insertAfter(obj.last().parent());
        } else {
            // Default, add error after the input
            error.insertAfter(obj);
        }
    }
});

你必须弄清楚你想如何处理它，这只是一种方法。

Demo: http://jsfiddle.net/PgAyp/ http://jsfiddle.net/PgAyp/