twitter-bootstrap – 引导号码验证

我有Bootstrap，我有验证问题。我只需输入正整数。
如何实现？

例如：

<div>                       
    <input type="number" id="replyNumber" data-bind="value:replyNumber" />
</div>

解决方法

它不是特定的Twitter引导，它是一个普通的HTML5组件，您可以使用min和max属性指定范围(在您的情况下仅指定第一个属性)。例如：

<div>                       
    <input type="number" id="replyNumber" min="0" data-bind="value:replyNumber" />
</div>

我不知道在控件中是否只允许使用整数，但是您可以指定步骤属性：

<div>                       
    <input type="number" id="replyNumber" min="0" step="1" data-bind="value:replyNumber" />
</div>

现在只能使用更高(等于)零的数字，并且步长为1，这意味着值为0,1,2,3,4，…。

例如：http://jsfiddle.net/dcPgW/。

值得注意的是：并不是所有的浏览器都支持HTML5功能，所以如果您真的想使用这些约束，建议您使用某种JavaScript回退(也可以在后端)。

有关支持它的浏览器列表，可以查看caniuse.com。

原文地址：https://www.jb51.cc/bootstrap/234272.html