Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用引导验证程序正确显示popover_Jquery_Twitter Bootstrap_Validation_Popover - Fatal编程技术网

Jquery 使用引导验证程序正确显示popover

Jquery 使用引导验证程序正确显示popover,jquery,twitter-bootstrap,validation,popover,Jquery,Twitter Bootstrap,Validation,Popover,我正在尝试使用popover来使用插件显示错误消息 问题是,当我在所有必填字段上单击tab键时,将显示所有字段的弹出窗口。我需要它只显示在有误差的聚焦场上 我已经实现了一个示例,在这里添加了一个问题,并且成功了!但当我在我的页面上应用它时,它并没有正常工作 我试图删除所有jQuery库和css,但问题仍然存在。这是 您可以显示表单代码吗?我在JSFIDLE上添加了html,但不起作用@Danielarenasy您刚刚忘记更改表单$('#theform')的id。在('invalid.bs.val

我正在尝试使用popover来使用插件显示错误消息

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

我已经实现了一个示例,在这里添加了一个问题,并且成功了!但当我在我的页面上应用它时,它并没有正常工作

我试图删除所有jQuery库和css,但问题仍然存在。这是


您可以显示表单代码吗?我在JSFIDLE上添加了html,但不起作用@Danielarenasy您刚刚忘记更改表单
$('#theform')的id。在('invalid.bs.validator valid.bs.validator',函数(e){
ok这是我的错误,但它只在JSFIDLE上工作!但在本地不工作:(@danielarenasy您可以尝试在最后的代码中添加
return;
,但这不是最佳做法,这必须在没有返回的情况下工作,您应该有一些奇怪的类
$('#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');
               }
});