正确显示带有引导验证程序的弹出框

Question

我尝试使用popover来显示使用bootstrap validator插件的错误消息。

问题是当我在所有必填字段上单击Tab键时，将显示所有字段的弹出窗口。我需要它只在有错误的聚焦场上显示。

我已经在jsfiddle上实现了一个添加问题的示例，并且它有效！但是当我在我的页面上应用它时，它没有正常工作。

我试图删除所有jQuery库和css，问题仍然存在。这是my actual code on jsfiddle。

$('#validform').on('invalid.bs.validator valid.bs.validator', function (e) {

               var message = e.detail;
               var target = e.relatedTarget;

                $(target).popover('destroy');
                $(target).popover({
                    trigger: 'focus',
                    placement: 'top',
                    container: 'body',
                    content: message
                });
                $(target).popover('show');

                if(e.type === 'valid'){
                    $(target).popover('destroy');
               }
});