gpt4 book ai didi

javascript - 使用 popover 的 Angularjs 验证

转载 作者:行者123 更新时间:2023-11-29 18:02:37 25 4
gpt4 key购买 nike

我看到了这个bootstrap popover我正在尝试在我的项目中使用它。

考虑一个简单的例子。

<input type="number" ng-model="data" step="0.1" />

输入字段的步长为 0.1。我希望用户只输入不超过 10 的值。

如果用户输入超过 10 的任何值,我希望在顶部显示一个弹出窗口,说明只需要输入 0 到 10 范围内的值。

我怎样才能做到这一点?上面显示的弹出窗口没有任何与我正在寻找的示例相似的示例。有人可以解释一下吗?

最佳答案

您可以调整以编程方式触发弹出窗口的答案(或来自 Good way to dynamically open / close a popover (or tooltip) using angular, based on expression? 的任何指令,并将其与字段验证相关联

<form name="myForm">
<input popover="Should be between 1 and 10" name="myInput" ng-model="test"
popover-toggle="myForm.myInput.$error.max" max="10" type="number"
popover-placement="bottom" />
</form>

我使用了来自 https://stackoverflow.com/a/31372487/360067 的指令


Plnkr - http://plnkr.co/edit/2uk4YM5zinM01ayzZKdd?p=preview

关于javascript - 使用 popover 的 Angularjs 验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33792866/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com