twitter-bootstrap – 引导号码验证

发布时间：2020-12-18 00:13:30 所属栏目：安全来源：网络整理

导读：我有Bootstrap，我有验证问题。我只需输入正整数。如何实现？例如： div input type="number" id="replyNumber" data-bind="value:replyNumber" //div 解决方法它不是特定的Twitter引导，它是一个普通的HTML5组件，您可以使用min和max属性指定范围(在您的

我有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。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!