使用bootsrap popover进行实时验证

Question

我想验证按键上的输入字段，然后显示一个弹出窗口。我有吹码：

HTML

}catch(Exception e){
                didItWork= true;
            }

Le JavaScript

<form id="coparent">
 <p>This is your last name before you were married <br /> <input type="text" ng-model="comaiden" name="comaiden" id="comaiden" maxlength="70" /><br />
 <span style="font-size:0.8em !important">Number of characters remaining for this field: {{70 - comaiden.length}}</span><br />
 <span class="comaidenError" style="font-size:.9em !important;"></span></p>
</form>

JSFiddle

我想在用户输入数据时显示popover。我还将在popover中包含一个图像。现在，弹出窗口出现在点击状态。

Answer 1

您正在寻找的内容（通过您的bootply评论示例）是使用jQuery Validate插件完成的。您可以在此处查看示例：How to use Twitter Bootstrap popovers for jQuery validation notifications?

Answer 2

问题是你的popover代码只是初始化popover，但它不会触发它的显示。你也必须触发'show'。像这样：

$("#comaiden").popover('show');

我已更新您的小提示以演示：https://jsfiddle.net/ptk3f2vm/1/

这不是一个快速而肮脏的演示。无需在每个按键上重新启动弹出窗口，这在事件处理程序之外会更好。而你可能也不希望每个按键上的弹出窗口闪烁。 <错误'修复后，不提及隐藏和销毁弹出窗口。