jquery - 错误消息出现在错误的地方使用 jquery Validation 插件

Question

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

Answer 1

我似乎总是有同样的问题。你可以用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);
        }
    }
});

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

演示：http: //jsfiddle.net/PgAyp/