我想在同一个输入字段上显示两条不同的消息，但两个弹出窗口的内容消息是相同的，而实际上它们应该是不同的。第一个弹出窗口是当第一个字符为小写时，第二个弹出窗口在达到 5 个字符时触发。我看到的唯一消息是两个弹出窗口的小写。下面是我的代码:
<input type="text" data-placement="bottom" data-trigger="manual" data-content="" name="momlastname" id="momlastname" ng-model="momlastname" maxlength="70" />
(function(){
function firstCapital(e) {
var inp = String.fromCharCode(e.which);
if (/[A-Z]/.test(inp[0])) return true;
else return false;
};
var message;
$('#momlastname').keyup(function (f) {
//console.log($(this).val().length);
switch ($(this).val().length) {
case 1:
message = "lower";
break;
case 5:
message = "max reached";
break;
}
if ($(this).val().length == 1 && !firstCapital($(this).val())) {
$('#momlastname').popover({
trigger:'manual',
content:function(){
return "lower letter";
}
});
$('#momlastname').popover('show');
$('#momlastname').addClass('error');
}
else if ($(this).val().length == 5) {
$('#momlastname').popover({
trigger:'manual',
content:function(){
return message;
}
});
$('#momlastname').popover('show');
$('#momlastname').addClass('error');
}
else {
$('#momlastname').popover('hide');
$('#momlastname').removeClass('error');
}
});
})();
最佳答案
您需要返回您的消息变量而不是像“lower”这样的字符串。有工作示例。
jsfiddle.net/xksfj23e/10/
关于jquery - bootstrap popover 内容没有改变，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30133247/