错误消息使用jquery Validation插件出现在错误的位置

时间:2013-07-05 03:15:52

标签: jquery jquery-validate

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

original look

"submit" button clicked

the radio part in code

validation part in code

1 个答案:

答案 0 :(得分: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/