我正在使用 bootstrap popover 来显示密码是否少于 6 个字符。 它工作正常,但是当我单击文本时,它会显示弹出窗口,甚至文本框的值也是有效的。当文本框长度有效时如何隐藏弹出框
<head>
<title>popover example</title>
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>Bootstrap popover Example</h1>
<div>
<input type="password" id="password1" placeholder="password" data-toggle="popover" >
</div>
</div>
这是我的js代码,当长度有效时,我用popover删除div。但问题是当我单击文本时文本框会显示弹出窗口。我只想在长度小于 6 时显示弹出窗口。
<script>
$(function ()
{
debugger;
$('#password1').blur(function(){
debugger;
if($('#password1').val().length<6){
$("#password1").popover({
title:"test",
content:"Must be 6 characters long! Must contain a capital letter"
});
$("#password1").popover('show');
}else{
$("#password1").parent().removeClass('popover');
}
});
})();
</script>
感谢您的帮助。
最佳答案
您应该使用弹出窗口的隐藏功能
$("#password1").popover('hide')
关于javascript - 当文本框有效时隐藏弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32622913/