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

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...