javascript-完成输入后显示引导弹出窗口

我要检查此字段是否有效,如果不是这种情况,我想显示一个弹出窗口.

$(document).ready(function(){

$('input[name=email]').keyup(email_check);
});

function email_check(){

    $('input[name=email]').parent().removeClass("has-error has-feedback").removeClass("has-success has-feedback");
    $('span.glyphicon').remove();
    var email = $('input[name=email]').val()
if( !isValidEmailAddress( email ) ) { 

$("input[name=email]").popover({trigger: 'focus', content: "Error!", placement : 'bottom'});
$('input[name=email]').parent().addClass( "has-error has-feedback" ).append("<span class='glyphicon glyphicon-remove form-control-feedback'></span>");
return false;
    }else{
        $("input[name=email]").popover({trigger: 'focus', content: "Valid!", placement : 'bottom'});
        $('input[name=email]').parent().addClass( "has-success has-feedback" ).append("<span class='glyphicon glyphicon-ok form-control-feedback'></span>");

    return true;
    }
}

这里的问题是直到我离开现场并再次关注它时,popver才会显示.希望你明白我的意思！我该如何解决？

非常感激！

解决方法:

http://bootply.com/124932

您需要将弹出窗口触发器更改为手动,然后使用show方法显示弹出窗口…

$("input[name=email]").popover({trigger: 'manual', content: "Error!", placement : 'bottom'});
$("input[name=email]").popover('show');

标签：twitter-bootstrap,popover,javascript,jquery
来源： https://codeday.me/bug/20191029/1962184.html