Question

我有这个字段，我想检查它是否有效，如果不是这样，我想显示一个弹出框。

$(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不会显示出来！希望你明白我的意思！我该如何解决？

非常感谢！

Answer 1

<强> http://bootply.com/124932

您需要将弹出框触发器更改为manual，然后使用show方法显示弹出窗口...

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

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

1 个答案: