twitter-bootstrap – 引导号码验证

前端之家收集整理的这篇文章主要介绍了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

猜你在找的Bootstrap相关文章